Новая тема   Ответить

 Guest
Подскажите плиз, можно ли на css сделать так чтоб из трех вертикальных блоков крайние были фиксированной ширины а средний занимал все свободное пространсто между ними?
спасибо

 Joseph
Легко. Поищи в гугле - куча туториалов на эту тему. Не поленись. Вот например такой запрос подскажу тебе, бесплатно: CSS three column

Вообщем суть такая, если разбираешся в цсс, центрайльный блок - имеет 100% ширину с паддингом по бокам равную ширине боковых колонок, которые расположены на других слоях (z-index:XX)

 Petek
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/

но я бы сделал так (content имеет ширину auto по умолчанию и должен растягиватся, ну и float очистить надо будет, если футер есть)

Код:

Код:

 jesper
народ какие то вы извращения пишите .. все достаточно проще
Joseph центральный блок может вообще ширины не иметь, если это дейсвительно элемент блочного типа
Petek чтот ты намудрил .. зачем столько не нужного кода ..
ТС все выглядит так, важным моментом является что блок с классом center должен идти после left и right
Код:

 Petek
jesper, ну у меня только один дополнительный блок, зато контент в коде страницы на первом месте )
да и мне просто разметки с margin-ами всякими не нравятся,
захотел изменить ширину боковых колонок, придется заново поля высчитывать

 jesper
ну да, придется
на крайний случай можно просто в отдельный класс вынести к примеру .sidebar { width: 200px; }
<div class="left sidebar"></div>
<div class="right sidebar"></div>
просто у тебя документ не семантический получается
блоки в блоки плохо вкидывать это ведь не табличная верстка ..
ну ладно эт не столь важно, но лучше для оптимизации об этом почитать

 Skat
jesper все правильно расписал, вообще резину я не люблю, хорошо когда все фиксировано

 Guest
jesper писал:
все отлично, спасибо
тока единственное уточнение - если у center есть свойство overflow:hidden; то в FireFox'e вместо широкой полосы на все свободное место получается узенкая полоска посередине. отсутсвие overflow на что повлиять может?

 Petek
Guest писал:
скорее всего overflow:hidden тебе вообще не надо указывать

 pinnokio
Guest писал:

Ни на что не повлияет. Overflow удобно использовать если у тебя жестко заданы границы дива и нужно все "лишнее" содержимое скрыть (читай, обрезать.) В противном случае - просто не описывай (присваивай) это значение.

 jesper
guest
честно сказать я вопроса не понял
если hidden вообще полоски не должно быть, просто текст обрезается, при scroll появляется полоса прокрутки или ты о чем?
Или ты имеешь ввиду чтобы 3 дива шли с одинаковой высотой?
По спецификации у блоков вообще высоты нет, т.е. у них нет даже атрибута height, только цсс позволяет указать высоту, но это не правильно, это уже в некотором роде хаком считать можно.