Решил попробовать написать типа "сайт" блоками <div>, сделать разметку. делаю так:
Проблема заключается в том, что никак не могу выравнять блок "контент" (бирюзовый). Как мне это сделать, желательно блоками.
Код:
<html>
<head><title>Index page</title>
<style type="text/css">
DIV.head{
border: solid 1px #0ff;
height: 100px;
width: 100%;
background: #999;
clear: both;
}
DIV.pic1{
height: 100%;
float: left;
}
DIV.pic2{
height: 100%;
float: right;
}
DIV.body{
height: 100%;
width: 90%;
background: #090;
position: relative;
clear: both;
left: 5%;
}
DIV.menu{
height: 99%;
width: 15%;
background: #990;
float: left;
position: relative;
top: 5px;
left: 5px;
}
DIV.content{
position: absolute;
top: 5px;
left: 10px;
height: 90%;
width: 74%;
background: #099;
float: right;
}
</style>
</head>
<body>
<div class="head">
<div class="pic1" align="left"><img src="\pic\1.jpg" height=100%>
</div>
<div class="pic2" align="right">
<img src="\pic\2.jpg" height=100%>
</div>
</div>
<div class="body">
<div class="menu">
</div>
<div class="content">
</div>
</div>
</body>
</html>