Problem mit height:auto
Nico
- css
Hallo !
Also mein Problem ist folgendes ..
Auf meiner Homepage [-> zur Homepage] will ich gerne, dass die beiden weißen Kästchen rechts und links automatisch so weit runtergehen, bis sie auf den footer stoßen. Also dass sie sich der Höhe des contents anpassen. Auf der Page habe ich die Höhen der beiden Boxen jetzt auf 400px festgelegt um mein Problem zu verdeutlichen. Wenn ich ihnen die Höhe "auto" zuweise, sind sie nicht mehr zu sehen.
Der html Code dieses Teils sieht wie folgt aus :
<div id="hauptseite">
<div id="box_left"></div>
<div id="box_right"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
Mein Css code dazu sieht so aus:
#hauptseite {
position:absolute;
width:939px;
height:auto;
top:302px;
left:0px;
}
#content {
background: url(design/content_bg.gif) repeat-y;
margin: 153px 0px 0px 0px;
border: solid 1px #d0d0d0;
overflow: hidden;
padding:5px;
min-height:478px;
width:499px;
}
#box_left {
float:left;
clear:left;
background: url(design/boxes_left.gif) repeat-y;
width:190px;
height:auto;
}
#box_right {
float:right;
clear:right;
background: url(design/boxes_right.gif) repeat-y;
width:238px;
height:auto;
}
#footer {
background: url(design/footer.gif) no-repeat;
width:938px;
height:44px;
}
Ach ja was ich noch vergessen habe : Warum ist der content so verschoben wenn man die Seite mit dem Internet Explorer öffnet ? Ich bin noch Anfänger und brauche wirklich Hilfe wie ihr merkt^^
also zu 1.:
ich kenne mich mit CSS leider auch nicht allzugut aus, aber wenn ich mich nicht täusche war da mal was mit height: 100%; probier es einfach mal aus :)
Mfg Northon
Nein damit klappt es leider auch nicht...
Die Boxen werden auch dann einfach gar nicht angezeigt
Nein damit klappt es leider auch nicht...
das hätte ich dir gleich sagen können - wenn dann umgeht ein height: 1% den haslayout-"bug" im ie - ein height: 100%, wenn man eigentlich height: auto möchte kann nicht funktionieren ;)
Die Boxen werden auch dann einfach gar nicht angezeigt
wenn etwas garnicht angezeigt wird, ist meistens dieser bug schuld
allerdings solltest du in erster linie deine html-fehler beseitigen, da diese für eine vielzahl der darstellungsfehler verantwortlich sein werden (stichwort qirksmode + box model bug)