Проблема горизонтального меню CSS: не будет работать в IE7 - PullRequest
Новая
       19

Проблема горизонтального меню CSS: не будет работать в IE7

1 голос
/ 13 января 2009

Не могли бы вы помочь мне исправить меню на этой этой странице ? Элементы списка меню не имеют определенной ширины, поэтому они отображаются на 100% ширины в IE7. Если я сделаю для span.right значение float: left, это решит проблему, но закругленные углы не сработают. Возможное решение может состоять в том, чтобы избавиться от правильного промежутка и установить отступ и фоновое изображение для якоря, но это будет: будет сплошной цвет) и б) потребуется разбить menu.png на отдельные файлы изображений.

Если у вас есть хорошие предложения, дайте мне знать. Спасибо!

1 Ответ

0 голосов
/ 13 января 2009

Если вы переместите фактический текст в середину, между <span class="left"></span> и <span class="right"></span>, и включите его в теги <span>: 

<li><a href="#">
    <span class="left"></span>
    <span>Home</span>
    <span class="right"></span>
</a></li>

Затем вы можете добавить правило CSS: 

#menu ul li a span
{
    float: left;
}

Затем удалите float: left; из span.left и span.right. Это должно хорошо работать как в Firefox, так и в IE 7, и я предполагаю, что большинство других браузеров тоже. Конечно, это будет работать только в том случае, если вы согласны с небольшой реструктуризацией HTML.

...