Morgen allerseits,
bastle gerade wieder ein wenig und stoße an meine CSS-Grenzen.
Ich habe einen Div, der die ganze Seite umfasst, darin befinden sich dann
-ein header
-darunter eine horizontale Navi
-links ein Container
-rechts ein Container
Nun möchte ich, dass wenn der rechte container, zb durch längeren text oder größere Höhe, höher wird, auch der umfassende Container größer wird.
Im ie klappt das auch ganz gut, bei ff jedoch nicht
code:
Code
<div id="border">
<div id="header">
</div>
<div id="navi">
</div>
<div id="boxlinks">
</div>
<div id="boxrechts">
</div>
</div>
Durch google bin ich auf einen Trick aufmerksam geworden, min height auch im iex anzuwenden:
CSS:
CSS
#border{width: 900px;
min-height:700px;
height:auto !important;
height:700px;
border: 1px solid #000000;
margin: 0 auto;
}
#header {width:888px;
height:150px;
border: 1px solid #000000;
margin: 5px;}
#navi {height: 30px;
width: 888px;
border: 1px solid #000000;
margin: 5px;}
#boxlinks {width:200px;
margin-left: 5px;
border: 1px solid #000000;
float:left;
height:200px;}
#boxrechts {width: 681px;
height: 200px;
margin: 5px;
border: 1px solid #000000;
float: right;}
Alles anzeigen
Nochmal das Problem: Im FF geht boxrechts über 'border' hinaus, wenn die höhe zu groß wird, im IE bleibt sie drin, border wird höher!
LG