Комментарии: Дизайн и верстка эластичного макета

Автор: dreamhelg

dreamhelg — Fri, 19 Feb 2010 10:09:05 +0000

Конечно используйте любой редактор, если не знаете из чего выбрать, можете посмотреть здесь, там и в комментариях очень много советов.

Автор: leftloft

leftloft — Thu, 18 Feb 2010 22:43:17 +0000

А можно ли при верстке использовать css-редакторы? Могли бы посоветовать такой чтобы не пришлось заполнять все поля вручную.. т.е. максимально избавить от css-рутины так скзаать?

Автор: Seditio

Seditio — Mon, 15 Feb 2010 11:30:18 +0000

Да не эластичный этот макет. В нем фиксированная ширина и ничего и никуда не тянется. Flexible здесь означает «универсальный», но никак не «эластичный» и, тем более, не «резиновый».

Автор: Алексей Ликемия WOW

Алексей Ликемия WOW — Fri, 13 Nov 2009 14:12:48 +0000

Приношу свои извинения за данное недоразумение, я не правильно сформулировал свой вопрос.
Если позволите переформулирую, напишу что то типа ТЗ, может так будет попроще…
и так, требуется построить «дивный» дизайн состоящий из трех рабочих областей
1. хидер (сверху :) фикс. высота)
2. контент (тянется на всю оставшуюся высоту)
3. футтер (всегда прижат к низу, фикс высота)
При этом контент содержит две дивных области (
а) сайтбар имеет фикс. ширину
б) контент тянется по оставшейся ширине
и самое главное, они должны тоже растягиваться на всю высоту основного контента п.2 и не зависеть от кол-ва содержимого в них контента.
Как сделать пункты с 1-3 это вполне ясно, я этим нет вопросов, а вот как сделать а-б, тут траблы…

maxcold
они гуглятся по запросу «колонки одинаковой высоты»

с этим не поспоришь, но задача чуток не в этом.
——————
P.S. если топик оказался не в той теме или на ваш взгляд является мусором, перенесите его или отредактируйте на ваше усмотрение
——————-

Автор: dreamhelg

dreamhelg — Fri, 13 Nov 2009 13:05:20 +0000

Совершенно верно, способов куча, вот например можно с помощью JQuery – http://habrahabr.ru/blogs/jquery/47895/

Автор: maxcold

maxcold — Fri, 13 Nov 2009 12:54:52 +0000

Например тут: http://habrahabr.ru/blogs/css/64242/
А вообще существует несколько способов реализации, все они гуглятся по запросу «колонки одинаковой высоты»

Автор: Алексей Ликемия WOW

Алексей Ликемия WOW — Fri, 13 Nov 2009 12:46:35 +0000

Все, конечно замечательно, но вот на мой взгляд в плане макет-верстка есть недочет. Правый сайтбар на макете (серый фон идет до самого футтера), а по верстке он зависит от содержимого.
Сталкивался не раз с такой проблемой, есть ли пример дивной верстки с таким условием? очень актуально!!!
или кто может подскажет где глянуть,такую реализацию!?!

Автор: nh

nh — Thu, 29 Oct 2009 10:26:32 +0000

В исходнике примера класс main отсутствует в style.css. Есть еще и артефакты при размере окна браузера меньше 900px. При прокрутке содержимого окна вправо не отображается часть заголовка и подвала.
Решение: для main и footer задать min-width: 900px;

Автор: Korenev

Korenev — Tue, 27 Oct 2009 06:03:26 +0000

Спасибо за статью.
Я хоть и не начинающий, но к своему стыду узнал из этой статьи, что можно присваивать родительскому элементу overflow: hidden для очистки потока. Как дурак, писал пустой див с clear:both.

Автор: alexdfry

alexdfry — Tue, 06 Oct 2009 17:10:19 +0000

спасибо за статью ^^
помогло же таки! =)