also ich weiss nicht genau was du meinst... aber evtl. funktioniert folgendes:
HTML-Code:
<body>
<div id="box">
<div id="header">
</div>
<div id="main">
<div id="menu">
</div>
<div id="content">
</div>
<br style="clear:both;" /> <!-- nötig um das float-layout aufzuheben! -->
</div>
<div id="footer">
</div>
</div>
</body>
und mit folgenden css-rules:
Code:
#box {
/* hier breite für das ganze design, zb */
width:760px;
}
#header {
/* format für den header falls gewünscht (sonst das ganze div weglassen) */
}
#main {
/* formatierung für den normalen teil */
}
#menu {
float:left /* links ausrichten */
width:25%; /* gew. breite: absolut oder relativ */
/* eventuell weiter angaben */
}
#content {
float:right; /* rechts daneben ausrichten */
width: 70%; /* dann gehts sicher in allen browsern nebeneinander vorbei... an die beim menu gewählte breite anpassen! */
}
#footer {
margin-top:5em; /* etwas abstand schaffen */
}
bei allen divs kann zusätzlich noch ein Rahmen angezeigt werden, damit man genau sieht wo die "div"-Grenzen sind. Ich mache meine "debug"-Rähmen meist mit
Code:
border:1px blue dotted;
was einen blauen gepunkteten Rahmen um die jew. Elemente gibt.
hoffe geholfen zu haben :-)
mfg jeebee
edit:
der gepostete code ist nicht getestet... ich habs aber schon mehrmals erfolgreich eingesetzt.
Lesezeichen