Центрировать элементы LI в меню CSS в IE?

Question

Центрировать элементы LI в меню CSS в IE?

Если Вы генерируете страницу, которая связывается с файлами JS, простое решение добавляет метку времени последнего изменения файла к сгенерированным ссылкам.

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

6

html css internet-explorer menu center

задан 4 July 2009 в 07:57

1 ответ

Другие вопросы по тегам:

html css internet-explorer menu center

Похожие вопросы:

score 18 · Accepted Answer

Как насчет этого? У меня работает в IE6, IE7, Firefox.

Разметка:

<div id='menu-centered'>
    <ul>
        <li><a href="">My first item</a></li>
        <li><a href="">My second item</a></li>
        <li><a href="">My third item</a></li>
        <li><a href="">My fourth item</a></li>
        <li><a href="">My fifth item</a></li>
    </ul>
</div>

CSS:

#menu-centered {
    background-color: #0075B8;
    padding: 10px;
    margin: 0;
}

#menu-centered ul {
    text-align: center;
    padding: 0;
    margin: 0;
}

#menu-centered li {
    display: inline;
    list-style: none;
    padding: 10px 5px 10px 5px;
}

#menu-centered a {
    font: normal 12px Arial;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    background: #57a8d6;
}

#menu-centered a:hover {
    background: #5fb8eb;
}

Ключ ко всему - это выполнение text-align: center; в элементе

display: table;

overflow: auto;