Форум Сайтостроение Веб-строительство

Помогите выровнять пункты меню в css

12
[Удален]
#11

li4nost, у вас там нормальной резины всё равно нет, да она и не нужна.

определитесь с минимальной шириной окна (до появления горизонтального скролинга) и рассчитайте необходимые отступы, чтобы меню было по центру.

есть другой вариант: после загрузки DOM расчитайте необходимую ширину элементов и отступов и присвойте их. эту же функцию вызывайте при изменении размеров окна :)

Google AdSense - Вопросы Конкурс. Дизайн сайта женской Как повысить доверие пользователей
W
На сайте с 29.04.2012
Offline
4
whi
#12

Кроссбраузерно, IE6 included

Автор идеи - кто-то из модераторов htmlbook.ru


<!DOCTYPE html>
<title>Test</title>
<meta charset="windows-1251" />
<style type="text/css">
    ul, li {
        margin: 0;
        padding: 0;
    }

    ul {
width: 900px; margin: 0 auto;
        list-style: none;
        text-align: justify;
        text-align-last: justify; /* css 3 but required only by IE6-7 to render properly */
        background: #060;
        line-height: .7em;
    }

    li, ul:after {
        display: inline-block;
        vertical-align: top;
    }

    li {
        background: #f88;
        line-height: 1.4em;
        margin-bottom: -.7em;
        position: relative;
        text-align: center;
        padding: 10px;
        border: 2px solid #ccc;
    }

    ul:after {
        width: 100%;
        height: 0;
        content: '\00a0';
    }

    * html ul { text-justify: newspaper; zoom: 1 }
    * html li { display: inline; margin: 0; zoom: 1 }

    *+html ul { text-justify: newspaper; zoom: 1 }
    *+html li { display: inline; margin: 0; zoom: 1 }
</style>
<ul>
    <li>home</li>
    <li>about us</li>
    <li>contacts</li>
    <li>some other link</li> <!-- ВАЖНО! Перед закрывающим ul нужен хотя бы один пробел, иначе ломается Webkit! -->
</ul>
[Удален]
#13
burunduk:
li4nost, у вас там нормальной резины всё равно нет, да она и не нужна.

а ее и не было, т.к. как я уже писал, крайние пункты меню были выровнены по разным сторонам.

[Удален]
#14

whi, простите мою безграмотность, но все равно не получилось.

в примере отлично все сделано - то что надо, а у меня не получается

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий