Oto chodzi? Element wyrównany oraz wszystko ładnie na środku.
Kod HTML do strony:
<body>
<div id="all">
<div id="top">
<div id="main">
Strona główna
</div>
<div id="menu">
Menu
</div>
</div>
<div id="content">
<div id="main">
Strona główna TEKSTY
</div>
<div id="menu">
Menu TEKSTY
</div>
</div>
</div>
</body>
A tu kod CSS:
body{
background:#222;
}
div#all{
width: 1000px;
margin: auto;
margin-top: 20px;
text-align:center;
color:white;
}
div#top{
background: blue;
height: 30px;
line-height: 30px;
}
div#top:after {
content:"";
display:block;
clear:both;
}
div#top > div#main{
margin-right:5%;
width:75%;
float:left;
}
div#top > div#menu{
width:20%;
float:left;
}
div#content{
color:black;
}
div#content:after {
content:"";
display:block;
clear:both;
}
div#content > div#main{
height:500px;
width:75%;
float:left;
background: white;
}
div#content > div#menu{
height:500px;
width:20%;
float:right;
background: white;
}
Oczywiście to wszystko idzie ładniej napisać :P To tak na szybko
Jak nie rozumisz czegoś to pytaj, chętnie odpowiem :D