Стиль списков в ИЕ

[SHo]

Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так:

В горячё любимом ИЕ вот так:

HTML:

	<ul>
	<li><a href="#date">по дате</a></li>
	<li><a href="#category">по категориям</a></li>
 	</ul>

CSS:

#tab-container ul {
	margin: 0;
	padding: 0 17px 0 0;}
#tab-container ul li {
	display: inline-block;
	padding: 0 0 10px 10px;}
#tab-container ul li a {
	display: block;
	outline: none; 
	text-decoration: none;
	border-bottom: 1px dashed #2f7ca0;}
#tab-container ul li a.active {
	color:#000000;
	border-bottom: none;}

что ж не так делаю?

[s0rr0w]

что ж не так делаю?

В старых версиях IE нельзя было применять блочным элементам (LI) display: inline-block, а только строчным (A)

[SHo]

В 6-7-8-ой версии ИЕ не работает.

Тоесть других способов использовать блоки в списках не реальны?

[s0rr0w]

В 6-7-8-ой версии ИЕ не работает.

Тоесть других способов использовать блоки в списках не реальны?

float: left

[SHo]

float: left

Спасибо, со списком помогло, но вылезло 2 косяка с которыми ничего не могу придумать:

IE – появился отступ снизу

Mozilla – появились маркеры

[s0rr0w]

Код будет? Или нам догадываться, что вы там наворотили? Желательно ссылку на готовый пример. Желательно без архива.

[SHo]

Код будет? Или нам догадываться, что вы там наворотили? Желательно ссылку на готовый пример. Желательно без архива.

Да, конечно:

http://sho.xor.net.ua/lab/menu/

[sigma77]

SHo

ul {list-style-type: none;}

[SHo]

А как быть с отступом в IE?

[s0rr0w]

Да, конечно:

http://sho.xor.net.ua/lab/menu/

Чтобы убрать маркеры, нужно li убрать list-style-type.

И советую для начала установить нормальный доктайп, бороться с Quirks-mode в IE нет желания

[SHo]

Чтобы убрать маркеры, нужно li убрать list-style-type.

И советую для начала установить нормальный доктайп, бороться с Quirks-mode в IE нет желания

list-style-type убрал как посоветовали выше.

Доктайп добавил, но отступы от li остались в ИЕ.

http://sho.xor.net.ua/lab/menu/

[mishka]

<div class="clear"></div>

По идеи это виновник отступа. На этот же блок font-size:0; line-height:0;

Блок хоть и пустой, но для ие не бывает пустых блоков )

Маркеры с лишек, как показывает практика, лучше всего убирать

ul{
	list-style:none;
}

Edited July 8, 2010 by mishka2

[SHo]

По идеи это виновник отступа. На этот же блок font-size:0; line-height:0;

Блок хоть и пустой, но для ие не бывает пустых блоков )

Для 8-го ИЕ спасло, а с остальными наверное не буду заморачиваться.

Всем спасибо

[mishka]

у меня 6й не конектится к инэту, поэтому ток на ощупь:

на список hasLayout, на clear height:0; overflow:hidden

id на страничке должен быть уникальным. Замени на классы

хотя если ты нормально выполнишь очистку потока самим списком <ul>, то и блок clear тебе ненужен будет