Горизонтальный фон меню не отображается в IE 7,8 - PullRequest
Новая
       9

Горизонтальный фон меню не отображается в IE 7,8

0 голосов
/ 27 февраля 2011

Сайт выглядит нормально в Mozilla, Chrome и IE6.Но начиная с IE7, фоновое изображение меню вообще не появлялось.В файле moo.menu.css я сделал следующие изменения в li: 

.ry-cssmnu ul li {
margin: 0; /* all list items */
padding: 0;
float: left;
display: block;
background: url(../images/mainnav-bg.gif) repeat-x center top blue;/*added this line*/
cursor: pointer;}

После этого повторение фона появляется только там, где присутствует текст меню.http://bit.ly/ie8issue
Сайт находится по адресу: www.agmrcet.com/cons Заранее спасибо.

Ответы [ 3 ]

1 голос
/ 27 февраля 2011

Вы должны объявить высоту для этого контейнера. Элементы вашего плавающего списка не задают высоту родительского контейнера, поскольку float удаляет их из потока документов Ваша <ul> имеет текущую высоту ничего, и фоновое изображение не исправит это. 

#mainnav { height:44px; ... }
0 голосов
/ 27 февраля 2011

Похоже, проблема с вашим тегом 

<div class="clearfix" id="mainnav">

.Вы пытались добавить розовую рамку или что-то (для отладки) к элементу mainnav и затем установить фиксированную ширину, чтобы убедиться, что он идет на полную ширину?

0 голосов
/ 27 февраля 2011

Прежде всего, я бы изменил свойство CSS background в соответствии с синтаксисом CSS: 

background: blue url(../images/mainnav-bg.gif) repeat-x center top;
...