Привет всем!

Нужно сделать 3 дива в одну строку так чтоб дивы с права и с лева были фиксированной ширины а див посередине занимал все остальное пространство.
Кто нибудь сталкивался с таким?

Единственное что лезет в голову- это JS-ом но чтот не хочется:(

Присоединённый файл ( Кол-во скачиваний: 24 )
 Untitled_1.png 4,26 Kb

это ж просто:

bars80080, в Вашем примере, если будет много контента в центральном блоке, то он перепрыгнет на другую строчку, если столкнется с правым дивом... (ну или я не знаю, как это исправить  )

Я так делаю.


Но по своему опыту скажу, что это того не стоит, - я так один раз сделал, и клиент поставил большущую картинку в центр, получилось, что на маленьких экранах она выходила за пределы дива ,и на центральный див пришлось ставить overflow, что его собственно не устроило.

кстати колонки одинаковой высоты можно поставить, добавив это в css


Это сообщение отредактировал(а) Zuzzuk - 6.1.2010, 01:59

+ к примеру bars80080.

bars80080,  blah, СРАБОТАЛО!!    

Не думал что так просто будет!!

blah, а можно парой слов объяснить зачем нужен height:1%;???


Zuzzuk, ты прав. Этот метод работает, но думаю что не очень оптимально.


Всем спасибо!!! тему закрываю!

NNaarreekk,
Для присвоения haslayout в IE.

Опять для IE отдельные презервативы нужны  

NNaarreekk, 
1) метод предложенный Zuzzuk не требует "контрацептивов" для ИЕ6, можете им воспользоваться
2) можете слегка переделать метод предложенный bars80080 и blah, чтобы избавиться от бага в ИЕ6


3) можете воспользоваться готовыми решениями 3 columns

Violator, спасибо! IE6 уже вышел из пользования но иногда встречаются люди благодаря которым добавляется работа верстальщиком

Мне необходимо подобное, только в точности да наоборот.
Есть родительский див (ширина на 100% #parent)
в нем находятся в строку три дива (#left, #center, #right)
Мне необходимо, чтобы левый и правый изменялись одинаково при изменении размера центрального. То есть, были по 50%, центральный увеличился на 20%, они стали по 40%. Вообще такое возможно?