Hallo, auf
www.eric-ebel.de :: Hauptseite will ich meine Seite mit neuem Markup aufsetzen. Ich habe da aber ein Problem.
Code:
<html>
<head>
...
</head>
<body>
<div id="wrap">
<div id="head">
<ul id="nav">
<li><a href="#">Neues</a></li>
<li><a href="#">Leben</a></li>
<li><a href="#">Misc</a></li>
</ul>
</div> <!-- end #head -->
<div id="content"><p>Test</p></div><!-- end #content -->
<div id="altnav">Test2</div><!-- end #altnav -->
</div> <!-- end #wrap -->
</body>
</html>
Code:
#wrap {
width:800px;
height:auto;
margin:30px auto;
}
#head {
padding-top:50px;
width:100%;
height:100px;
}
#nav {
margin-left:250px;
padding:0px auto 0px;
}
#nav a {
width:100px;
height:30px;
padding:5px 0px;
}
#nav li {
width:100px;
height:30px;
margin:2px;
}
#altnav {
height:auto;
width:150px;
}
#content {
height:auto;
width:600px;
}
/* Ausrichtung */
#wrap {
display:block;
}
#nav li {
float:left;
}
#nav a {
display:block;
}
#content {
float:left;
}
#altnav {
float:right;
}
Zu Testzwecken habe ich #wrap rot gefärbt (siehe
www.eric-ebel.de :: Hauptseite. Dieser "wrap" soll die gesamte Seite auf einer bestimmten Breite halten und somit wie im Markup vorgesehen #head, #content, und #altnav beinhlaten. Er beinhaltet aber nur #head.
#content und #altnav (die nebeneinander floaten) erscheinen immer darunter, NICHT darin.