Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Отображение фона и высота колонок

Обсуждение темы Отображение фона и высота колонок в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; В общем начну по порядку. Верстка дивами. Есть 3 колонки, все колонки разной длины. Первая колонка короче второй колонки, т.е. количество текста в ...


Закрытая тема
 
Опции темы
Старый 23.02.2009, 11:19   #1
В общем начну по порядку. Верстка дивами.
Есть 3 колонки, все колонки разной длины.
Первая колонка короче второй колонки, т.е. количество текста в ней меньше чем во второй. Поэтому получается, что она и заканчивается по высоте раньше.
Соответственно и фон у неё заканчивается раньше. Но мне необходимо чтобы фон у первой колонки дублировался на всей высоте второй колонки. Подскажите, как это сделать? Высота колонок не фиксирована и зависит от содержимого текста.
 
Старый 23.02.2009, 11:19
Ссылки
Старый 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
Цитата:
Сообщение от Отшельник Посмотреть сообщение
Как сделать так чтобы колонки были как таблица, т.е. блоки выравнивались по одной из самых длинных колонок?
А зачем?

Если у них фон одинаковый, то не видно разницы. Если разный, то faux columns.
 
Старый 04.03.2009, 18:10   #6
Потому что при фиксированной высоте колонок текст может не вместиться, а с запасом пустое место смотрится очень плохо.
height 100% здесь не работает, т.к. в DIV это работает только применительно к одному блоку.

Добавлено через 1 минуту

Фон разный. Длина разная. Мне нужен полный аналог таблицы, только в дивах , причём высота разная, т.к. наполнение разное.
Что такое faux columns?

Последний раз редактировалось Отшельник; 04.03.2009 в 18:10.. Причина: Добавлено сообщение
 
Старый 04.03.2009, 19:45   #7
Цитата:
Сообщение от Отшельник Посмотреть сообщение
Потому что при фиксированной высоте колонок текст может не вместиться, а с запасом пустое место смотрится очень плохо.
height 100% здесь не работает, т.к. в DIV это работает только применительно к одному блоку.

Добавлено через 1 минуту

Фон разный. Длина разная. Мне нужен полный аналог таблицы, только в дивах , причём высота разная, т.к. наполнение разное.
Что такое faux columns?
ТАк я вот тгда не пойму что вы хотите зделать, я так понимаю у вас колонки 3 и 3 больше 2 а 2 больше 1 так? И вы хотите чтоб фон всех колонок заканчивался на уровне 3 колонки или как? Как понять дублировался по всей высоте 2 колонки? Тоесть как я сказал чтоб фон 1 колонки заканчивался на той же высоте что и фон 2 колонки?
 
Старый 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.. Причина: Добавлено сообщение
 
Старый 04.03.2009, 23:49   #10
Вот сварганил за минутку пример от нефиг делать, некритикуйте, это я так чтоб показать смысл того что я имею ввиду BG.jpg
 
Старый 04.03.2009, 23:49
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вывод новостей в несколько колонок 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


Текущее время: 21:59. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум