CSS IE8 не может стилизовать элемент списка - PullRequest
1 голос
/ 08 января 2012

Я хотел бы сделать упорядоченный список, по центру и без маркеров.Большой пробел в том, что я не могу стилизовать его в проводник 8. Он не выравнивается по горизонтали, в то время как во всех других браузерах это происходит.Я много читал в Интернете, но не смог найти решение.Последней моей попыткой было скопировать код, который я нашел здесь, в «переполнении стека», Горизонтальные списки, без плавающего LI , но также я не смог заставить его работать.Пожалуйста, помогите мне!Я выложу свой код здесь HTML:

<nav class="orizNav">
        <ul>
    <li><a href="onoranze.php" name="noi"><h3>chi siamo</h3></a></li>
    <li><a href="servizi.php" name="servizi"><h3>servizi</h3></a></li>
    <li><a href="epigrafiol.php" name="epigrafionline"><h3>epigrafi on line</h3></a></li>
    <li><a href="contatti.php" name="contatti"><h3>contatti</h3></a></li>
    <li><a href="index.php" name="inizio"><h3>inizio</h3></a></li>
    </ul>
</nav>

и здесь CSS

.orizNav ul {
list-style: none;
padding-bottom: 10px;
height:16px;
}
.orizNav ul li {
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
}
.orizNav {
position: relative;
margin-top: -30px;
text-align: center;
font-family: Fog;
font-size: 14px;
}

Ответы [ 2 ]

15 голосов
/ 08 января 2012

Ваша проблема не в вашем CSS, а в добавленном вами теге HTML5 <nav>, IE8 не распознает его как допустимый тег HTML.

Просто вставьте этот блок кода взаголовок вашего документа:

<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
</script>
<![endif]-->

И добавьте этот фрагмент CSS, чтобы IE вел себя.

CSS

header, nav, section, article, aside, footer, hgroup { 
   display: block;
}
0 голосов
/ 08 января 2012

Попробуйте добавить это в свой файл CSS

header, nav, article, footer, address {  
    display: block;  
}

http://jsfiddle.net/alleks/n8z6W/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...