Проблема с отображением списка элементов меню CSS в IE7

Поскольку мне нужно отображать элементы меню в горизонтальном положении в IE7, но оно отображается вертикально.Проблема с отображением списка элементов меню CSS в IE7

Элементы списка меню: enter image description here Это изображение, в котором элементы меню отображаются вертикально. Если я использую свойство float:left, то он также не будет отображаться горизонтально. Что делать для этой проблемы?

CSS выглядит следующим образом:

.swMain ul.anchor { 
    display: inline-block; 
    list-style: none; 
    padding-left: 0px; 
    margin-top: 3px; 
    float:left; 
} 
.swMain ul.anchor li{ 
    position:relative; 
    margin: 0; 
    padding: -10px; 
    padding-top:0px; 
    padding-bottom: 0px; 
    clear:both; 
    display:inline; 
    float:left; 

} 
.swMain ul.anchor li a { 
    display:inline; 
    margin:0; 
    padding:0px; 
    text-decoration: none; 
    outline-style:none; 
}

источник

2013-07-03 jeevan

IE 7? wow вы ломаете голову для тех 1.7% пользователей во всем мире! – jycr753

Вы должны только рассмотреть IE 9/10, и если вы крутой парень, то также рассмотрите IE 8. Если вы хотите самоубийство, попробуйте IE 7 –

Возможно, вы можете быть немного более конкретным относительно того, какой CSS не работает? вставка всего CSS-файла не очень помогает. Также jycr753 - это место! Забудьте IE7, его более 10 лет. – dcarson

Проблема заключается в том, что IE7 не поддерживает встроенный блок. К счастью, есть легко исправить для этого:

.swMain ul.anchor { 
    *display: inline; 
    zoom: 1; 
}

The * Infront из СВОЙСТВ дисплея убеждается, что он понял только IE7 и игнорируется любой другой браузер.

источник

2013-07-03 06:12:22 elveti

Проблема с отображением списка элементов меню CSS в IE7

ответ

Смежные вопросы