Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 16.05.2010 03:37

chel
Новичок
Зарегистрирован: 02.05.2010
Сообщений: 22

как заставить див тянуться как надо

есть блок block в нём два блока left и right.

блок left
ширина=40%, мин.ширина=300px, макс.ширина=400px.
то есть ширина в зависимости от размера окна меняется от 300 до 400px.

Если задать блоку right ширину 60%, то это не спасёт, имхо у блока left заданы ограничения на ширину, получается, что right не тянется так как надо.

Код:

left
right

Вопрос: как сделать, чтобы блок right имел всю оставшуюся ширину?


Нет на форуме

 

#2 16.05.2010 11:18

alemiks
Опытный
Откуда: Voronezh
Зарегистрирован: 09.04.2010
Сообщений: 256
Вебсайт

Re: как заставить див тянуться как надо

с помощью позиционирования
CSS
#cont {
    width:100%;
    height:100px;
    position: relative;
}
#left-col {
    position: absolute;
    left:0;
    top:0;
    width:40%;
    min-width:300px;
    max-width:400px;
    height:100px;
    background: red;
}
#right-col {
    position: absolute;
    left:40%;
    width:60%;
    height:100px;
    background: green;
}

HTML


   
left

   
right

Нет на форуме

 

#3 16.05.2010 18:59

chel
Новичок
Зарегистрирован: 02.05.2010
Сообщений: 22

Re: как заставить див тянуться как надо

всё равно отображается не так как надо.
при разрешении 1280 видно разрыв между left-col и right-col блоками, а при оч маленьком разрешении left-col виден с правой стороны right-col.


Нет на форуме

 

#4 19.05.2010 19:52

chel
Новичок
Зарегистрирован: 02.05.2010
Сообщений: 22

Re: как заставить див тянуться как надо

ну чё никто не знает как правильно сделать?


Нет на форуме

 

Board footer