| |
|
|
| |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style>
#container {
width:1000px;
margin:0 auto;
}
#main {
background:#33CCFF;
width:600px;
position:absolute;
margin-top:150px;
margin-left:200px;
}
#head {
background:#06F;
height:150px;
width:1000px;
position:absolute;
}
#nav {
background:#CCC;
width:200px;
float:left;
margin-top:150px;
}
#info {
background:#FC0;
width:200px;
margin-top:150px;
float:right;
}
</style>
</head>
<body>
<div id="container">
<div id="main">Содержимое</div>
<div id="head">Шапка</div>
<div id="nav">Навигация</div>
<div id="info">Информер</div>
</div>
</body>
</html>
|
По идее отображается правильно, но сомневаюсь в правильности CSS, так как описывал свойства практически интуитивно, каскад сайта сделан так сказать впервые в жизни, по интернет-примерам, но сомнений море! | |
| |
|
