VPF::резинове меню на дивах по центру

zammar

Дата 4.9.2010, 23:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 289
Регистрация: 30.10.2008

Репутация: нет
Всего: нет

Задача сделать меню.
Чтоб оно было по центру.
При увеличении кол-ва пунктов меню раздвигалось в стороны (резиновое)

Вроде читал что display:inline-block; делает блок как строчным так и блочным. А почему не работает margin:0 auto; ?

Код



.div_class{
margin: 0px 0px 30px;
width:1000px;
border:1px solid black;
height:40px;
text-align:center;
}

.div_class2{
display:inline-block;
display:inline;
margin:0 auto;
border:1px solid red;
float:left;
}

.menu{
display:inline-block;
display:inline;
}

Код


    <div class="div_class">
        <div class="div_class2">

            <div class="menu">пукнт 1</div>
            <div class="menu">пункт 2</div>

        </div>
    </div>

ksnk

Дата 4.9.2010, 23:28 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

float:left там, извиняюсь, какую роль должен играть?
display:inline-block и сразу за ним display:inline это про что?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

zammar

Дата 4.9.2010, 23:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 289
Регистрация: 30.10.2008

Репутация: нет
Всего: нет

все вроде получилось. Не нужен был float:left так как блок уже считается строчным (как я понял)

float:left;
предназначался для того чтобы див не раздвигался на всю ширину, а раздвигался по ширине контента

а
display:inline-block;
display:inline;

Это для IE вариан такой. иначе не работает. во всяком случае больше не нашел вариантов заставить работать inline-block;.

Если есть замечания к моей верстке с удовольствием выслушаю.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »