Ребят, хочу сверстать сайт методом блочной верстки.
Первый день как стал разбираться, в принципе, суть понятна и даже что-то получилось... Но как только меняются размеры блоков все съезжает.
Подскажите, пожалуйста, источники информации по этому вопросу.
И если не затруднит, откомментируйте схему документа.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Блочная вёрстка</title>
<style type="text/css">
#container {
min-width: 800px;
max-width: 1150px;
}
#header {
min-width: 800px;
max-width: 1150px;
height: 150px;
background-color: greenyellow;
}
#leftcont {
width: 150px;
float: left;
}
#rightcont {
width: 150px;
height: 300px;
background-color: greenyellow;
float: right;
margin: 10px 0px;
}
#content {
margin: 10px 155px;
}
#end {
margin: 10px 0px;
clear: both;
}
#footer {
margin: 10px 0px;
background-color: greenyellow;
height: 100px;
}
#catalog {
margin: 10px 0px;
background-color: greenyellow;
}
#catalog ul {
list-style:none;
margin:0;
padding:10px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="leftcont">
<div id="catalog">
<ul>
<li><a href="">111</a></li>
</ul>
</div>
<div id="catalog">
<ul>
<li><a href="">111</a></li>
</ul>
</div>
</div>
<div id="rightcont">
</div>
<div id="content">
center center center center cenenter center center center
</div>
<div id="end">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
_____________
[Подпись удалена модератором]