Антон В.
1807 сообщений
#12 лет назад


Вобщем снизу и сверху есть простые текстовые меню, которые должны вытягиваться по предоставленной ширине при растягивании или сжатии страницы. Не спрашивайте, зачем тут резина вообще, или почему все такое страшное и огромное, это не я придумал, а товарищ заказчик.
Ну и решил я использовать для этого такой способ:


Но почему-то у меня в ИЕ7 менюшки не растягиваются как надо. Хотя должны. Видимо я где-то ядово туплю, но никак не могу понять где. Может у кого-то есть идеи?
Елена Б.
6863 сообщения
#12 лет назад
Попробуйте заменить ul:after костылем в разметке
Антон В.
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 сообщений
#12 лет назад
nehovaysyatopol, в общем как-то так:
оборачиваем ссылку в span и делаем у ссылки white-space:nowrap;
только не спрашивайте почему так работает, а по другому нет. :P Вообще пора 7-му идти вслед за 6-м в небытие!
Антон В.
1807 сообщений
#12 лет назад
Цитата ("TitokR"):
Вообще пора 7-му идти вслед за 6-м в небытие!


А я ж разве против...

Чето у меня нелюбовь с этой вёрсткой. Сделал все (вроди бы) также, как вы написали - но у меня не работает.
Денис К.
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