Kleine CSS Frage

[Xen]

Morgen,

kurze CSS Frage:
Ich will einen Content mit der höhe von 100%, jedoch is unten ein blauer Balken am Seitenende mit  einer höhe von 25px dieser soll immer zu sehen sein und nicht von dem content überdeckt werden.

Also ist es möglich dem Content zu sagen Höhe 100% minus 25px am ende oder so?

Danke im Voraus

[Xen]

hier noch ein CSS auszug

#content {
  width:620px;
  height:100%;
  padding-left:35px;
  padding-top:35px;
  padding-right:35px;
  vertical-align:top;
  position:absolute;
  margin:200px 0px 0px 200px;
  top:0%;
  overflow-x:hidden}

#footer2 {
  height:25px;
  width:620px;
  background-color:#006fb4;
  padding-left:35px;
  padding-right:35px;
  vertical-align:middle;
  position:absolute;
  margin:0px 0px 0px 200px;
  bottom:0%;
  overflow:hidden;}

[Teufelchen]

Also ist es möglich dem Content zu sagen Höhe 100% minus 25px am ende

Nein, aber du kannst a) statt eines Höhenmaßes das Element 0px von oben und 25px von unten ansetzen (top:0px; bottom:25px), b) einen transparenten Rahmen von 25px benutzen (border-bottom:25px solid transparent) oder c) ihm einen Innenabstand geben (padding-bottom:25px). Welche Möglichkeit in Betracht kommt, hängt davon ab, mit welchen Nachteilen du leben kannst, so fällt bei Elementen mit Rahmen b) logischerweise weg, eventuell auch c).

[Xen]

ok super vielen dank funktioniert.

nun noch ne kleine frage: overflow-x:hidden und overflow-y:auto werden ja nur im IE richtig angezeigt. Gibts da schon ne Lösung?

[Xen]

Sorry funktioniert nicht.

#content {
  width:620px;
  height:100%;
  padding-left:35px;
  padding-top:35px;
  padding-right:35px;
  margin-bottom:55px;
  vertical-align:top;
  position:absolute;
  margin:200px 0px 0px 200px;
  top:0%;
  overflow-y:auto;
  overflow-x:hidden;}

wenn ich bottom: 25 einfüge funktionierts nicht da anscheinend entweder top oder bottom eingesetzt werden kann.

bei border-bottom:25px solid transparent rührt sich auch nichts und padding-bottom:25px auch nicht

[Teufelchen]

wenn ich bottom: 25 einfüge funktionierts nicht da anscheinend entweder top oder bottom eingesetzt werden kann.

top und bottom können zusammen benutzt werden. bottom:25 kann allerdings nicht funktionieren, weil die Einheit fehlt; CSS kennt ein halbes Dutzend Einheiten, möchtest du 25 Pixel haben, schreibe auch 25px, nicht 25.

bei border-bottom:25px solid transparent rührt sich auch nichts und padding-bottom:25px auch nicht

Vielleicht zeigst du mal den vollständigen (Beispiel-) Code. Insbesondere ohne das zu Grunde liegende HTML-Konstrukt lassen sich die Auswirkungen von CSS nur annähernd vorhersagen.

[Ingo Turski]

Hi,

top und bottom können zusammen benutzt werden.

nur wenn Du den IE(6?) außen vorlässt.

freundliche Grüße
Ingo

[Inita_]

hoi,

http://aktuell.de.selfhtml.org/artikel/css/footer/index.htm

schau die beispiele an.

Gruss,
Inita