Помогите победить ИЕ7
1807 сообщений
#12 лет назад
ссылкаВобщем снизу и сверху есть простые текстовые меню, которые должны вытягиваться по предоставленной ширине при растягивании или сжатии страницы. Не спрашивайте, зачем тут резина вообще, или почему все такое страшное и огромное, это не я придумал, а товарищ заказчик.
Ну и решил я использовать для этого такой способ:
ссылка
Но почему-то у меня в ИЕ7 менюшки не растягиваются как надо. Хотя должны. Видимо я где-то ядово туплю, но никак не могу понять где. Может у кого-то есть идеи?
1807 сообщений
#12 лет назад
floppox, так вот жыж он, костыль:
header .header_content nav ul {
z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML('beforeEnd', '<li class="last_ie7"></li>'));
}
header .header_content nav ul li.last_ie7 {
margin-left: 100%;
}
359 сообщений
1807 сообщений
8 сообщений
#12 лет назад
Вставь этот кусок, вместо своего кода, начиная от Цитата:header .header_content nav ulи заканчивая Цитата:
header .header_content nav ul li.last_ie7(включительно)
header .header_content nav ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: justify;
height: 23px;
cursor: default;
display: inline-block;
vertical-align: top;
}
header .header_content nav ul:after {
width: 100%;
height: 0;
font-size: 0;
line-height: 0;
content: '';
}
header .header_content nav ul li {
line-height: 23px;
font-size: 17px;
display:inline-block;
vertical-align:top;
position:relative;
text-align:center;
}
*+html header .header_content nav ul {
text-justify: newspaper;
text-align-last: justify;
zoom: 1
}
*+html header .header_content nav ul li {
display: inline;
margin: 0;
zoom: 1
}
1807 сообщений
#12 лет назад
datorn, ваш вариант хорошо работал в ИЕ7, но почему-то "ломал" остальные браузеры.НО!
Вам все равно спасибо за наводку. Помогла, как ни странно, всего 1 строчка (и мой изначальный код):
header .header_content nav ul {
//text-justify: newspaper;
}
:P