DIV - вопросы по верстке

123 4
Sadie
На сайте с 11.04.2005
Offline
64
2121

Переделываю шаблон сайта в подписи. На DIV'ах...

Вопрос:

Есть три столбца, каждый из которых выполнен отдельным DIV'ом.

Количество текста в каждом из них заранее неизвестно (зависит от размера новостей на сайте).

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

Новости без комплексов (http://www.kompleksov.net/) | ЖЖ (http://sad-sadie.livejournal.com/)
ТВЭЛ
На сайте с 29.09.2006
Offline
111
#1

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

Время не ждёт.
iexpert
На сайте с 01.09.2005
Offline
184
#2

немного не понимаю смысла этого действия. Если чуть подробнее объясните какую задачу хотите решить - попробую дать совет.

Бойтесь ваших желаний, ибо они могут исполниться
Sadie
На сайте с 11.04.2005
Offline
64
#3

iexpert,

Пока что получилось вот что: http://www.kompleksov.net/beta.html

Хотелось бы, чтобы все три колонки были выровнены снизу.

Sveta Prokopeva
На сайте с 10.05.2006
Offline
99
#4

Чем плоха таблица из трёх столбцов в которой дивы или вложенные таблицы высотой 100%?

Sveta Prokopeva
На сайте с 10.05.2006
Offline
99
#5

Кстати нечто подобное есть на сайте myposter.ru

Там три абсолютных дива с шириной в процентах

Коля Дубр
На сайте с 02.03.2005
Offline
153
#6

Sadie, по блочной верстке почти вся нужная теория есть на http://alistapart.com/, а практические приемы искать в примерах на http://csszengarden.com/. Для Вашей задачи единственное известное мне решение - то, которое предложил ТВЭЛ. Что-то похожее на правду есть на WMW, сам не проверял. Если нет аккаунта, могу в личку скинуть.

Вообще, хочу предупредить, что если верстаете много, скорее всего в итоге вернетесь к таблицам. В поддержке блочной модели у браузеров больше разногласий, чем единомыслия, да и сама спецификация далека от совершенства. Но сам опыт блочной верстки весьма полезен, позволяет как следует прочувствовать силу CSS =)

Разрабатываю общую шину (http://habrahabr.ru/company/floxim/blog/268467/) помаленьку. ...а еще у меня есть бложек (http://www.blogovo.ru/).
Sadie
На сайте с 11.04.2005
Offline
64
#7

Спасибо всем ответившим до сих пор... :)

Пока что пробую решение ТВЭЛ, одновременно думая о том, действительно ли надо делать задуманное при помощи DIV'ов...

ТВЭЛ
На сайте с 29.09.2006
Offline
111
#8
Коля Дубр:
Вообще, хочу предупредить, что если верстаете много, скорее всего в итоге вернетесь к таблицам. В поддержке блочной модели у браузеров больше разногласий, чем единомыслия, да и сама спецификация далека от совершенства. Но сам опыт блочной верстки весьма полезен, позволяет как следует прочувствовать силу CSS =)

Не знаю, как можно вернуться к таблицам? Это все равно что решить ездить на лошадях вместо автомобилей :)

Понятно, что если приходится верстать по жестко заданным макетам, то иногда почти невозможно осуществить задумки некоторых дизайнеров в рамках нормального XHTML. Но тут уж каждому свое, как говорится - я лично предпочитаю с такими дизайнерами просто не работать :)

21 век все-таки уже, не забывайте об этом ;)

СКОРПИОН
На сайте с 05.01.2006
Offline
120
#9

Ну, кстати, я тоже не видел ничего такого, чего нельзя сделать без таблиц. Скорее наоборот, если включить абсолютное позиционирование, z-индексы и float, то любую визуализацию реализовать можно. А если ещё местами немного java-скрипта с умом добавить, то такое получается!..

• Контекстные ссылки с внутренних страниц навсегда (/ru/forum/370882) • Качественные сайты для заработка на контекстной рекламе и ссылках
Look
На сайте с 01.04.2004
Offline
152
#10
ТВЭЛ:
Не знаю, как можно вернуться к таблицам? Это все равно что решить ездить на лошадях вместо автомобилей :)

Старый конь борозды не испортит...

123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий