div#nav {width: 100%;}
div#nav ul {list-style-type: none; margin: 0% auto; width: 600px;}
div#nav ul li {float: left; width: 150px; height: 30px; text-align: center;}
<div id='nav'>
<ul>
<li id='first'><a href='/'>Главная</a></li>
<li><a href='/contacts'>Контакты</a></li>
<li><a href='/order'>Оформить заказ</a></li>
<li id='last'><a href='#'>Прочее</a></li>
<ul>
</div>
Пишу еще раз :)
Этот список везде кроме ИЕ распологается по центру. А в ИЕ не только не по центру, ну еще и последний li переходит на новыю строку.
Спустя 3 минуты, 51 секунда (30.03.2011 - 22:36) alex12060 написал(а):
IE это один большой баг )
Спустя 2 минуты, 32 секунды (30.03.2011 - 22:38) ZSH написал(а):
<div align="center" id='nav'>
Спустя 5 минут, 28 секунд (30.03.2011 - 22:44) alex12060 написал(а):
ZSH
Проверено, он не всегда работает.
Я обычно пользуюсь, либо
text-align: center;
лобо
<center></center>
Проверено, он не всегда работает.
Я обычно пользуюсь, либо
text-align: center;
лобо
<center></center>
Спустя 23 минуты, 49 секунд (30.03.2011 - 23:07) DmitryOpalev написал(а):
alex12060
Ни то ни то не работает. Я даже в таблицу пихал 1х1
Ни то ни то не работает. Я даже в таблицу пихал 1х1
Спустя 30 минут, 53 секунды (30.03.2011 - 23:38) alex12060 написал(а):
У меня нет рядом ИЕ, поэтому, проверить не смогу) Тут наверное родитель мешает тебе.
Спустя 4 часа, 17 минут, 30 секунд (31.03.2011 - 03:56) inpost написал(а):
DmitryOpalev
Может ты имел ввиду: display:inline для ul-li ? снова же, что ты подразумеваешь под float:left? Скорее всего display:inline, тогда они получаются в строчку как один объект. Центровку в диве прописываешь:
<div align="center"><ul><li></li></ul></div>
li может иметь margin или padding, а ты не указал для него фикс: margin:0px; padding:0px;
alex12060
Покусаю! ИЕ лучший.
Может ты имел ввиду: display:inline для ul-li ? снова же, что ты подразумеваешь под float:left? Скорее всего display:inline, тогда они получаются в строчку как один объект. Центровку в диве прописываешь:
<div align="center"><ul><li></li></ul></div>
li может иметь margin или padding, а ты не указал для него фикс: margin:0px; padding:0px;
alex12060
Покусаю! ИЕ лучший.
Спустя 6 часов, 2 минуты, 29 секунд (31.03.2011 - 09:58) DmitryOpalev написал(а):
inpost
float, чтобы li расположились в один ряд.
Сделал так:
Но когда добавляю display: inline, все меню уезжает вправо, и не хочет размещатся по центру.
Ну и <div align='center'> тоже добавил
float, чтобы li расположились в один ряд.
Сделал так:
div#nav {width: 100%;}
div#nav ul {display: inline; list-style-type: none; margin: 0% auto; width: 600px;}
div#nav ul li {display: inline; float: left; width: 150px; height: 30px; text-align: center; margin: 0px; padding: 0px;}
Но когда добавляю display: inline, все меню уезжает вправо, и не хочет размещатся по центру.
Ну и <div align='center'> тоже добавил
Спустя 6 часов, 29 минут, 21 секунда (31.03.2011 - 16:28) inpost написал(а):
DmitryOpalev
float не нужен, если делаешь inline.
float не нужен, если делаешь inline.
_____________
Курс валют