Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 20.03.2013 14:56

batch2k
Новичок
Зарегистрирован: 19.03.2013
Сообщений: 5

Колонки с равной высотой без overflow:hidden в IE6

Я адаптировал рецепт для эмуляции DIV-ных колонок с равной высотой "Кросс-браузерное CSS-решение создания колонок с равной высотой" для случая двух колонок, только одна из подложек для которых имеет цвет фона, а у другой он прозрачный (у менюшки, которая слева):

html:

Код:



css:

Код:

Этот пример хорошо работает во всех браузерах, кроме IE6, и в разборе этого метода всегда рекомендуют для блоков #content и #menu включать свойство overflow: hidden. Однако у меня менюшка на разных страницах сайта должна древовидно разворачиваться (иерархические маркированные списки), и кое-где его ширина становится слишком большой, что и приводит к тому, что блок #content переносится на следующую строку в IE6, если не включён overflow. Однако overflow -- это не вариант для менюшки, потому что часть её просто пропадёт.
Есть ли способ этот пример сделать работоспособным во всех программах?

Нет на форуме

 

#2 20.03.2013 17:30

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: Колонки с равной высотой без overflow:hidden в IE6

ЧЕстно говоря, может не совсем понял, во всех браузерах хорошо, кроме IE6? если беда ТОЛЬКО в ie6 и в остальных все устраивает - тогда в кондишнал комментс или просто тупо хаком надо написать только для IE6

overflow:auto;
zoom:1;

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

Такое смутное ощущение, что с флоатами Вы малость переборщили, зачем их так много? Если приложите картинку макета - может чего и посоветуют.

Нет на форуме

 

Board footer

Сплит-системы, кондиционеры Panasonic в Екатеринбурге: монтаж|lifan хэтчбек