Division <div> tag problem
Jeg har et problem med at få nogle <div>'s til at tilpasse sig sådan at der ikke er spildplads i den overordnede <div>. Altså, jeg vil have id(layer3) og id(layer4) til at have samme højde som id(layer5) uden at fylde 100% af <body> i følgende kode:--------------------------------------------------------
<body style="margin: 0; padding: 0; text-align: center; min-width: 745px;">
<div style="position: relative; width: 745px; height: auto; margin-left: auto; margin-right: auto; border: 1px #000000 solid; background: #CCCCCC;" id="layer1">
<div style="width: 743px; height: 200; left: 0px; top: 0px;" id="layer2"><img border="0" src="logo_phpBB_left.png" width="31" height="200"><img border="0" src="logo_phpBB.png" width="681" height="200"><img border="0" src="logo_phpBB_right.png" width="31" height="200"></div>
<div style="width: 31px; height: auto; left: 0px; top: 201px; float: left; background: url('left.png'); white-space: nowrap;" id="layer4">1</div>
<div style="width: 681; height: auto; left: 32px; top: 201px; float: left; background: #FFFFFF; white-space: nowrap;" id="layer5">2
kjh
kjh<br>hg</div>
<div style="width: 31px; height: auto; left: 716px; top: 201px; float: left; background: url('right.png'); white-space: nowrap;" id="layer3">3</div>
<div style="width: 31px; height: 40; left: 0px; float: left; background: url('bottom_left.png')" id="layer6"> </div>
<div style="width: 681; height: 40; left: 32px; float: left; background: url('bottom_middle.png')" id="layer8"> </div>
<div style="width: 31px; height: 40; left: 716px; float: left; background: url('bottom_right.png')" id="layer7"> </div>
</div>
--------------------------------------------------------
Jeg håber at I forstår det, ellers spørg.