سلام
من یه قالب ساده طراحی کردم و لی تو تراز کردن قسمت main,sidebarبا سایر قسمت ها مشکل داشتم میخواستم ببینم که چه جوری میتونم همه رو با هم تراز کنم؟
<style type="text/css">
body
{
background-color:#999;
}
#header
{
width:900px;
height:120px;
background-color:#900;
margin:0 auto;
}
#navigation
{
width:900px;
height:150px;
background-color:#69F;
margin:0 auto;
}
#maincontent
{
width:500px;
height:250px;
background-color:#FC0;
float:left;
margin-left:0 auto;
}
#sidebar
{
width:400px;
height:250px;
background-color:#FCC;
float:left;
margin-right:0 auto;
}
#footer
{
background-color:#FFF;
width:900px;
height:150px;
margin:0 auto;
}
.clear
{
clear:both;
}
</style>
</head>
<body>
<div id="header">header</div>
<div id="navigation">navigation</div>
<div id="maincontent">maincontent</div>
<div id="sidebar">sidebar</div>
<div class="clear"></div>
<div id="footer">footer</div>