Navigation
Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
Sidebar
Hier der Quellcode:
<html> <head> <title>Wie kriege ich 3 nebeneinanderliegende div-Container auf eine Länge?</title> </head> <body style="text-align:center;"> <div style="width:600px; margin:auto;"> <div style="width:100px; float:left; background-color:blue;" id="nav"> Navigation </div> <div style="width:400px; float:left; background-color:red;" id="content"> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> Content<br> </div> <div style="width:100px; float:right; background-color:blue;" id="sb"> Sidebar </div> </div> <script type="text/javascript"> contentheight = document.getElementById("content").offsetHeight; document.getElementById("nav").style.height = contentheight; document.getElementById("sb").style.height = contentheight; </script> </body> </html>