PHP interesse |
|
Hallo,
Ik zit met ene probleempje. Ik probeer een lay-out voor men forum-berichten te maken. (dit doe ik met divs)
Nou ik neem dus een soort van container met width: 100%, een soort van menutje met als width 25%. Ik dacht dus het content-vlak (waar het bericht in komt) op 75% te zetten, ik heb wel aan men menu nog een border-right (van 2px) en die zorgt uiteindelijk voor problemen, de tekst komt niet op de goede plaats. Ik vraag me dus af hoe ik dit best kan oplossen.
Ik heb nu een testcode in mekaar gestopt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.forum_container {
background-color: #000;
border: 3px solid #666;
width: 100%;
overflow: auto;
}
.forum_menu {
background-color: #FFF;
width: 25%;
border-right: 2px solid #666;
float: left;
}
.forum_content {
background-color: orange;
width: 75%;
float: right;
}
-->
</style>
</head>
<body>
<div class="forum_container">
<div class="forum_menu">lala</div>
<div class="forum_content">e</div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <style type="text/css"> <!-- .forum_container { background-color: #000; border: 3px solid #666; width: 100%; overflow: auto; } .forum_menu { background-color: #FFF; width: 25%; border-right: 2px solid #666; float: left; } .forum_content { background-color: orange; width: 75%; float: right; } --> </style> </head> <body> <div class="forum_container"> <div class="forum_menu">lala</div> <div class="forum_content">e</div> </div> </body> </html>
Nou in IE7 werkt dit allemaal naar behoren maar in firefox wil dit niet werken. Dan springt het oranje vlak als het ware een lijn lager.
Weet iemand raad?
|