Hallo zusammen,

ich habe ein Problem mit meiner CSS-Seite. Kurz vorweg: habe schon ziemlich lange probiert und gesucht - leider ohne Erfolg. Und zwar möchte ich eine Seite mit einem Footer, der immer am unteren Browserrand klebt. Das funktioniert auch wunderbar (Stichwort: FootStickAlt, etc.)

Nun habe ich eine absolut positionierte Box, die sich über den Header legt und sich bei geringer Auflösung über den Footer legt und diesen nicht mit nach unten schiebt. Anbei eine Grafik zur Illustration:



So sieht das CSS aus:

#headerbild {
position:relative;
margin-top:-44px;
width:980px;
height:230px;
background-image:url(../img/headerbild.jpg);
z-index:1;
}


.sidebox {
position:absolute;
height:487px;
width:255px;
top:194px;
right:0px;
background-image:url(../img/bg_bigboxright.png); }


#footer {
position:relative;
width:968px;
height:19px;
margin-top:-33px;
margin-left:0px;
left:0;
bottom:0px;
clear:both;
}

Könnte mir jemand einen Tipp geben, wie ich den Footer dazubringe, auch die Sidebox in ihrer Höhe zu beachten und sich unten einreiht? Für Hilfe wäre ich sehr dankbar! Besten Dank im Voraus!

AudioX

Moin,

schau doch mal hier bei den "Fixed Layouts".

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Absolut positionierte Elemente sind komplett aus dem Dokumentenfluss raus. D.h., dass du den Footer nicht dazu bringen kannst, sich an der Sidebox zu orientieren. Warum muss die Sidebox überhaupt Position haben? Klappt das nicht auch mit float, margin, ect. ?