Hallo,
ich habe versucht ein 3 spalten layout zu machen, bekomme es aber nicht richtig gefloatet. Kann mal wer bitte drüber schauen.
In jeden Tutorial wirds anders gemacht.
Hier meine Seite
http://dannybdanny.da.funpic.de
update* content ist jetzt margin:0 auto; aber das problem besteht ja noch immer
HTML-Code:
<div id="all">
<div id="navileft">
<ul>
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
</ul>
</div><!--END LEFTCOL-->
<div id="content">
</div><!--END CENTERCOL-->
<div id="naviright">
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
<li><a href="#">Navi1</a></li>
</div><!--END RIGHTCOL-->
</div>
Code:
/* CSS Document */
* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
font-family:Tahoma;
font-size:12px;
text-align:center;
background:#666666;
}
#all {
margin:30px auto;
width:900px;
}
#navileft {
width:150px;
float:left;
}
#naviright {
width:150px;
float:right;
}
#content {
width:600px;
margin:0 150px;
height:600px;
background:#999999;
}
#navileft a, #naviright a {
display:block;
line-height:20px;
text-align:center;
text-decoration:none;
margin-bottom:10px;
background:#CCCCCC;
border:1px solid #000000;
color:#000000;
}
#navileft li, #naviright li {
list-style-type:none;
}
#navileft a:hover, #naviright a:hover {
background:#00CCFF;
font-size:14px;
}