højde på outer div ændres kun iforhold til den ene inner div
Jeg har et lille problem med nogle divs (dét er jo så et fast emne hér ;))Jeg har to divs som skal stå ved siden af hinanden - de to ligger i en ydre div bl.a. med det formål at en fjerde dive der er placeret under denne yder div skal rykkes ned alt efter hvor høj min førnævnte ydre div er.
Nu er problemet så, at højden på min ydre div kun retter sig efter højden på min venstre indre div, og er komplet ligeglad med højden på min højre indre div - som så kan vokse ud over den ydre divs grænse.
Jeg har prøvet at floate den højre div, med et noget alternativt resultat (sandsynligvis pga af de øvrige indstillinger i den), og jeg har prøvet et par ting jeg har fundet herinde (overflow:auto på den ydre giver blot scroll-bars, height:1% gør intet)
Nogle der kan hjælpe?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Untitled 1</title>
<style type="text/css">
#contentsleft2 {
width:758px;
position:relative;
left:0px;
top:0px;
}
#contentsright2 {
width:224px;
position:absolute;
top:0px;
left:761px;
}
#contentsouter2 {
position:relative;
top:0px;
left:0px;
}
</style>
</head>
<body>
<div id="contentsouter2">
<div id="contentsleft2">
g<br />
ert<br />
</div>
<div id="contentsright2">
gf<br />
f<br />
f<br />
f<br />
f<br />
</div>
</div>
</body>
</html>