IE 7 игнорит свойство CSS margin?

[[No][Ne]]

Я уже не знаю, либо у меня руки не оттуда произрастают, либо у тех, кто IE творит.

Собственно нижеследующий код описывает класс для <div>

.alphacategory {
	padding-left: 10px;
}

.alphacategory a, .alphacategory a:visited {
	color:* #7F8B96;
}

.alphacategory a:hover {
	margin-left: -10px;
	padding-left: 10px;
	background-color: #FFFFFF;
	background-image: url(../images/alphacat.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

В Opera (9.26- последняя на сегодня) всё хорошо, всё отлично, т.е. картинка (alphacat.gif) находится слева (т.е. по margin-left, т.к. картинка- это бэкграунд) от текста при наведении на оный (выравнивается через 10px от margin-left по padding-left).

В IE 7 (с microsoft путём обновления)- плохо, т.е. картинка, при наведении (alphacat.gif) находится там же, где первая буква (т.е. по padding-left) и ни в какую не хочет нормально отображаться слева, либо так как написано, либо выравнивание строк по margin-left.

Складывется впечатление, что он просто игнорирует свойство margin, если оно равно padding. Или можно как-то победить? Надо очень.

 

[bumer3]

Не удиляйся... ИЕ 7 не прошел АСИД тест. Вот 8 говорят прошел.

 

[[No][Ne]]

а где его можно сдаунлоадить?

 

[Apocalypse]

если только бетку

вот тут

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[bumer3]

Жалко только бетки под Висту х64 нету... Хоть бы посмотрел чем опять юзеров разводить будут.

 

[masto]

я не знаю каким образом восьмёрка прошла ACID - у меня валидная вёрстка в нём так разъехалась, что без слёз не взглянешь.
хотя во всех браузер включая IE 7 всё было отлично.

Плюс этот задристыш заменил собой семёрку и удалить его из системы не получается (правда я не очень и старался). вот и сижу при необходимости в этом недобраузере с нажатой кнопкой "Emulate IE7".

 

[[No][Ne]]

Решил

Спасибо, anta, хорошо, что есть такие ребята

сделал так:

.alphacategory {
	padding-left	: 10px;
}

.alphacategory a, .alphacategory a:visited {
	color			 : #7F8B96;
	float			 : left;
	clear			 : left;
}

.alphacategory a:hover {
	margin-left		 : -10px;
	padding-left	 : 10px;
	background-color : #FFFFFF;
	background-image : url(../images/alphacat.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

Причём, обязательно пользуйте свойство clear (если это нужно), а то соседний, или того хуже, нижний блок присоседивается к правому боку того, в котором мы использовали float.

clear определяет, какие стороны блока не могут соседствовать с предшествующим перемещаемым блоком.

(Каскадные таблицы стилей второго уровня. Спецификация CSS2)

 

[[No][Ne]]

ну, вот ещё одна диверсия Эксплорера, не показывает padding в таблице.

.alpha1cont {
	display 		 	: table-cell-group;
	padding-left		: 25px;
	background-image	: url(../images/alpha1.gif);
	background-position	: center;
	background-repeat	: repeat-y;
	text-align			: justify;
	font-size 			: 11px;
	font-family 		: Tahoma,Verdana,Arial;
	padding-right		: 8%;
	margin-left 		: 1%;
}

 

[REALiSTiC]

Если зайти под IE8 на нуллед ))) ыыы... скажем так - это будет уже не нуллед ))

Глюки... В режиме эмуляции IE7 все нормально..

 

[grindin]

IE самый глючный, mirosoft умри же!
Я считаю, что для IE бесмыссленно что-то писать, ну или в ксс небольшие корректировочки тиа хаков, не больше