Дивы в разборке

Помогите разобраться как это можно лучше реализовать!

0

<див1общий>
<див2></див>
<див3></див>
</див>
<див5></див5>
<общийдив6>
<див6-1></див>
<див6-2><див6-3></див>
</див>

</див>
<див7></див>

в стилях пропиши для первого ширину 100%, для второго "флоат:лефт" и определенную ширину, для 5го - ширина 100%, для 6-1 и для 6-2 тоже флоат:лефт

примерно так...

0

0

Lazy_Den, сударь, вы немного налажали, а как же высота?, ведь на картинке видно, что дивы поделили весь экран, а у вас ни одного стиля по высоте))

0

:p
<meta charset="utf-8">
<title>Тег DIV</title>
<style type="text/css">


.niz {
background: pink;
height:40px;
position: absolute;
width:980px;
left: 300px;
}

.white {

background: white;
height:15px;
width:966px ;
position: absolute;
top : 875px;
left: 305px;
}

div.square{
height:250px;
width:29% ;
background: white;
padding: 5px;
margin: 0px 14px;
float: left;
}

div.row{
margin: 0 auto;
}

/*.block6 {
height:25%;
width: 350px;
background: blue;
position: relative;
margin: 0 px 5px;


float:center;
}*/

.block5 {
height:50px;
width: 940px;
background: white;
position: absolute;
top: 560px;
left: 315px;
float:center;
}


.block1 {
width: 90% ;
background: pink;
height:280px;

}



.block2 {
background: white;
height:200px;
width: 200px;
padding: 0px, 0px, 0px, 0px;
float: left;
position: absolute;
top: 337px;
left: 305px;
}



.block3 {
background: white;
height:200px;
width: 622px;
padding: 0px, 0px, 0px, 0px;
float: right;
position: absolute;
top: 337px;
left: 650px;
}
</style>



<div class="block1"> </div>
<div class="block2"> div </div>
<div class="block3"> div </div>
<div class="block5"> div </div>


<div class="block1">
<div class="row">
<div class="square">div</div>
<div class="square"><a href="http://pikucha.ru/idENO/thumbnail/div%D1%8B.jpeg;">на расширении 1680х1050 выглядит идеально...</a></div>
<div class="square">3адание</div>

</div>
</div>
<div class="white"></div>
<div class="niz"></div>

0

Сообщение от whitebackground Помогите разобраться как это можно лучше реализовать!

а можно с размерами по ширине и отступы?

0

and_y87, Сделайте- вместо абсолютного позиционирования; торопился вот так и сделал

0