Комментарии на: DIV vs. TABLE

От: Sq.Piglet

Sq.Piglet — Wed, 11 Aug 2010 16:48:24 +0000

Копайте в сторону повторяющегося по вертикали фона.

От: Антон

Антон — Wed, 11 Aug 2010 16:31:28 +0000

Здравствуйте! =)

Всё это прекрасно и верно.

Но ещё хочется растянуть дизайн блоками по вертикали. Ломаю голову, как это сделать без таблиц? Подскажете куда копать?

От: Endi

Endi — Thu, 04 Mar 2010 14:27:08 +0000

Благодаря этой статье я узнал о работе с DIV, это мне очень помогло как для начала, спасибо автору

От: DMH

DMH — Fri, 01 Jan 2010 02:41:11 +0000

Хотя наверное правильней будет задать min-width для хедера, инфо и футера под экран 1024х768, а дальше уже пускай автоматически расширяется.

Див не привязан одновременно и к контенту и к монитору как таблица с width=100%, поэтому тут видимо только display:table либо javascript.

На этом сайте горизонтальная прокрутка шириной с четверть страницы на мониторе 1024×768. И создалась она благодаря той проблеме, которую мы обсуждаем – текст вылез за границы дива.

От: Sq.Piglet

Sq.Piglet — Thu, 31 Dec 2009 10:57:41 +0000

Ставьте: {min-width:1000px;max-width:1400px;overflow:hidden}. Или, что-то в этом роде. Посмотрите, как сверстан этот сайт.

От: DMH

DMH — Thu, 31 Dec 2009 08:35:21 +0000

Дизайн резиновый, я не знаю сколько в пикселях занимает текст в header (его ширина меняется даже после загрузки страницы) и хочу автоматически растягивать info по нему.
Ставлю в процентах, но не работает.

тут_очень_длинное_слово_без_пробелов

Уменьшаем окно браузера и текст вылазит за границы дива.
Если же я знаю размер текста, например 800px, и пишу min-width:800px, то тогда да, работает.
Есть вариант найти самый широкий элемент из всех сжимаемых и по нему присваивать min-width всем остальным при загрузке. А при изменении ширины – с помощью javascript подгонять её всем остальным. Но это что-то уж слишком замудрёное. display:table прекрасно справляется с этим всем, но жаль не работает в ie6 и ie7. На таблице всё работает просто прекрасно, но с дивами одни глюки и хаки кругом.

От: Sq.Piglet

Sq.Piglet — Thu, 31 Dec 2009 07:58:58 +0000

min-width и аналогичный хак для IE вам в помощь.

От: DMH

DMH — Thu, 31 Dec 2009 06:59:09 +0000

А можно ли в шаблон “Г” сделать аналогом таблицы? Например если в header написать длинное слово без пробелов и уменьшить окно браузера, то info сужается под окно браузера, а должно быть равно header. Див почему-то неправильно подстраивается под окно браузера(лишний контент выезжает за пределы дива), а таблица разумно подстраивается под контент. Ставлю для дива display:table;width:100% и справедливость восстанавливается, но это не работает в IE6,7.

От: Taras

Taras — Sun, 27 Dec 2009 22:01:28 +0000

Супер, таблиці просто ніякі в порівнянні з дівами.
Починаю робити новий сайт…

От: Vladimir

Vladimir — Fri, 04 Dec 2009 09:10:58 +0000

Спасибо. Доступно, с примерами.