Начинаю в ХТМЛ

  • Автор темы Artem325
  • Дата начала
Статус
Закрыто для дальнейших ответов.
A

Artem325

#1
Решил попробовать написать типа "сайт" блоками <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>
Проблема заключается в том, что никак не могу выравнять блок "контент" (бирюзовый). Как мне это сделать, желательно блоками.
 

vital

Больной Компом Детектед
29.01.2006
2 432
34
#4
скрин в студию, что-то я запутался.
 
A

Artem325

#6
всё, проблема решилась)) вот так:
нужно было position выставить в relative у блока content.))
тему закрываю))
 
Статус
Закрыто для дальнейших ответов.