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

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

 
 
 
 

Код html:

<div class="all">

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

<div id="allright">

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

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

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

</div>

</div>

Код css:

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

.all
height:50px;
position:relative;

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

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

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

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

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