Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 7397 Просмотров
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Коллеги, нужно решение или пинок, я и еще один сторонний верстальщик с этим вопросом не справились
Есть макет из трех колонок, левая\правая фиксированной ширины, центральная соответственно резина, сам сайт резиновый по ширине экрана
Нужно сверстать блоками, левая\правая колонки имеют фоновую заливку в соответствии с макетом дизайна и все три колонки должны быть одной высоты по самому заполненному блоку
Код: css
background:  url("../images/bg_module.gif") repeat-y;
Все инструкции что я встречал по данной ситуации говорят делать через отрицательный margin и
Код: css
border-left: 200px solid #FFF2BF; /* фон левого сайдбара */
Но меня это соответственно не устраивает, поскольку нужна фоновая картинка
Так как на сайте подключен Jquery для всего прочего решил использовать его для эмуляции
Код: javascript
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn  = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($("#tpl_container  > div.column"));
});
Мозилла, Опера, Сафари, ИЕ7-8 - все прекрасно это дело понимают, но вот в ИЕ6 левая колонка с периодичностью 8 из 10 при обновлении страницы улетает вправо или вообще в никуда, при этом бывает при прокрутке страницы вниз она появляется. Убираю setEqualHeight из шаблона - в ИЕ все хорошо становится (ну за исключением что одинаковая высота пропадает)
Без ИЕ6 никуда (специфика сайта не позволяет), 2 дня гуглю - ничего порядочного не находится
Потому прошу монстров верстки подсказать - есть ли такой баг с setEqualHeight&&Ие6 и\или показать рабочий макет страницы по указанным требованиям (резиновая страница, три колонки, все одинаковой высоты, правая\левая имеют фоновую заливку repeat-y)
Можно, конечно, сделать хак и для ИЕ6 отдавать не одну высоту а разные, но это не решение
Особо хорошим людям дам логин\пароль к работающему в сети макету текущего сайта :)
Заранее признателен
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Вопрос снят, ответ найден здесь http://www.alistapart.com/d/negativemargins/ex5.htm
В точности что мне и надо было, всем спасибо :)
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

profitural

  • Захожу иногда
  • 50
  • 2 / 0
Держи в репу плюс, очень пригодилась твоя ссылка!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10

Автор AlekVolsk

Ответов: 1
Просмотров: 6508
Последний ответ 08.08.2019, 19:02:41
от AlekVolsk
Как поправить макет блога?

Автор wishlight

Ответов: 4
Просмотров: 1039
Последний ответ 26.04.2019, 10:35:57
от wishlight
Слипание колонок при адаптивной верстке

Автор MaxTs

Ответов: 5
Просмотров: 2113
Последний ответ 08.02.2018, 18:20:18
от Sambiz2
Резиновый слайдер в jm-services

Автор k790

Ответов: 0
Просмотров: 957
Последний ответ 07.12.2017, 16:40:28
от k790
css: Резиновый модуль поиска

Автор slepoy

Ответов: 1
Просмотров: 1991
Последний ответ 08.02.2017, 21:23:22
от beliyadm