Сделано
проектов
545
Скачать:
ВХОД ДЛЯ КЛИЕНТОВ
СВЯЖИТЕСЬ С МЕНЕДЖЕРОМ
Ольга Короткая
Ольга Короткая
( )
ab.manager
(044) 541-22-13
Промо-код: 2206236

4 колонки резиновая вёрстка 2 фиксированных 2 резиновых div position absolute

 
 
 
 

Код html:

<div class="all">

<div id="one"></div>

<div id="two"></div>

<div id="allright">

<div id="three"></div>

<div id="four"></div>

</div>

</div>

Код css:

(обязательно добавьте фигурные скобки, иначе работать не будет!)

.all
position:relative;
height:50px;

#one
position:absolute;
top:0;
left:0;
background:green;
width:100px;
height:50px;

#two
position:absolute;
top:0;
left:100px;
width:100px;
height:50px;
background:blue;

#allright
position:relative;
margin-left:200px;
height:50px;

#three
position:absolute;
top:0;
left:0;
background:black;
width:50%;
height:50px;

#four
position:absolute;
top:0;
right:0;
background:olive;
width:50%;
height:50px;