Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > резинове меню на дивах по центру

Автор: zammar 4.9.2010, 23:16

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

Вроде читал что 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

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

Автор: zammar 4.9.2010, 23:41

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

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

а
display:inline-block;
display:inline;

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

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