|
Отображение фона и высота колонокОбсуждение темы Отображение фона и высота колонок в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; В общем начну по порядку. Верстка дивами. Есть 3 колонки, все колонки разной длины. Первая колонка короче второй колонки, т.е. количество текста в ... |
|
Опции темы |
23.02.2009, 11:19 | #1 |
|
В общем начну по порядку. Верстка дивами.
Есть 3 колонки, все колонки разной длины. Первая колонка короче второй колонки, т.е. количество текста в ней меньше чем во второй. Поэтому получается, что она и заканчивается по высоте раньше. Соответственно и фон у неё заканчивается раньше. Но мне необходимо чтобы фон у первой колонки дублировался на всей высоте второй колонки. Подскажите, как это сделать? Высота колонок не фиксирована и зависит от содержимого текста. |
|
26.02.2009, 15:39 | #2 |
|
http://www.google.com/search?q=faux+columns
|
|
04.03.2009, 16:15 | #3 |
|
Копаюсь с этой проблемой уже неделю, нашёл http://softwaremaniacs.org/blog/2005...-layout-float/ высота колонок.
В общем приведённый там пример сделать для короткой колонки padding-bottom:32767px; margin-bottom:-32767px; overflow:hidden Привёл к положительному результату лишь в ИЕ , а в файрфоксе он растягивает колонку на 32767px. Как сделать так чтобы колонки были как таблица, т.е. блоки выравнивались по одной из самых длинных колонок? |
|
04.03.2009, 16:40 | #4 |
|
Не пойму, а почему не зделать фиксированные колонки? Или просто 100% height?
|
|
04.03.2009, 17:49 | #5 |
|
|
|
04.03.2009, 18:10 | #6 |
|
Потому что при фиксированной высоте колонок текст может не вместиться, а с запасом пустое место смотрится очень плохо.
height 100% здесь не работает, т.к. в DIV это работает только применительно к одному блоку. Добавлено через 1 минуту Фон разный. Длина разная. Мне нужен полный аналог таблицы, только в дивах , причём высота разная, т.к. наполнение разное. Что такое faux columns? Последний раз редактировалось Отшельник; 04.03.2009 в 18:10.. Причина: Добавлено сообщение |
|
04.03.2009, 19:45 | #7 | |
|
Цитата:
|
|
|
04.03.2009, 19:58 | #8 |
|
Сайт www.dzm-k.ru , там слева в меню есть фон в виде вертикальной полосы изображения, вот он не доходит до конца, а мне надо чтобы доходил. Верстка на дивах, позиционирование флоатами.
|
|
04.03.2009, 22:17 | #9 |
|
Или я чтото не выкупаю или ты фоном называеш тупо рамку которая идет над текстом и справа от меню, если ты про это тогда -альтернатива, обьедени эти 2 картинки буквой Г, и создай еще один див, в этом диве сделай фон этой картинкой, и вставь в него див с текстурой
Добавлено через 1 минуту Другой вариант, обьедени фон под текстом с вертикальной картинкой, а текс дай с параметром margin-left:"ширина это вертикальной картинки" Последний раз редактировалось web_smile; 04.03.2009 в 22:17.. Причина: Добавлено сообщение |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
вывод новостей в несколько колонок | qwoz | HTML, CSS, JavaScript | 0 | 26.04.2010 22:23 |
высота | kre | HTML, CSS, JavaScript | 9 | 29.01.2010 19:50 |
Верное отображение фона на странице | STRICKEN | Библиотека | 26 | 26.02.2008 14:54 |
высота div в opere и IE | jangot | HTML, CSS, JavaScript | 5 | 23.11.2007 17:59 |
Высота | seka | ASP, Perl, PHP и MySQL | 2 | 28.02.2005 17:43 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|