0

Что в этом CSS не работает в IE8 & IE7?Почему мой CSS не работает в IE 8 и IE 7?

nav { 
position: fixed; 
top:60px; 
left:30px; 
color:black; 
float:left; 
} 
nav div#button { 
    width:205px; 
    height:50px; 
    text-align: center; 
    padding-top: 5px; 
    margin-bottom:10px; 
    font-size: 23px; 
} 
nav a { 
    color: #000000; 
    text-decoration: none; 
} 
nav div#button:active { 
    width:250px; 
    height:65px; 
} 
nav div#button.home { 
    background-color: #79b22c; 
} 
nav div#button.links { 
    background-color: #3b50cc; 
} 
nav div#button.aanbod { 
    background-color: #BA3BCC; 
} 
nav div#button.forum { 
    background-color: #1CAEB2; 
} 
nav div#button.contact { 
    background-color: #daa520; 
} 

Он отлично работает в IE9 & IE10. Но IE8 & IE7 отображает текст без стилей. Я проверил с браузером. Кто может мне помочь?

+0

'nav div # button' вызывает некоторые проблемы. В вашей разметке, сколько элементов имеет кнопку «id =» «? –

+0

5 элементов с кнопкой «id =» « – user2391174

+2

Идентификаторы должны быть уникальными для одного элемента во всем документе' '. У вас не должно быть больше 1 кнопки id =. Если вам нужно повторно использовать несколько элементов, вместо этого используйте вместо него имя 'class' -' class = "button" и 'class =" button home ". –

ответ

0

Попробуйте использовать:

<!DOCTYPE html> 

Также вам не нужно:

div#menu Вам нужно #menu

В верхней части кода

+0

«» уже на моей HTML-странице – user2391174

+0

обновил свой ответ –

+0

, которые также не работают – user2391174

0

Удаление цвета и использовать только фон

+0

thx everyone! все нормально! – user2391174

2

<nav> и другие элементы HTML5 были определены после выхода IE 7 и IE 8, поэтому браузеры не знают, как их обрабатывать.

Однако им может быть поручено обработать их. Причем, html5shiv может помочь с этим:

Включите заточку HTML5 в верхней части вашего <head> в условном комментарии после любых стилей.

<!--[if lt IE 9]> 
    <script src="html5shiv.js"></script> 
<![endif]--> 
0

Должность: исправлен не работает в IE7. Для использования в выражении css и position используйте выражение().