Проблема отображения сайта в FireFox и IE

[BoB]

Здравствуйте.

Я делаю сайт для магазина автозапчастей, и использую менюшку в css чтобы при наведении она меняла картинку. И проблема заключается в том что в Опере сайт отображается нормально, а в Мозиле и Ие все менюшки смещены влево. Подскажите в чем проблема.

http://slik.biz

Спасибо

Edited August 25, 2009 by BoB

[psywalker]

а потому что меню на Абсолюте никто не делает, для этого другие свойства есть и всё будет гуд!

[BoB]

Все таки не разобрался =)

Подскажите что лучше вместо Абсолюта использовать чтобы они нормально везде по середине отображались?

Edited August 25, 2009 by BoB

[BoB]

Все таки не разобрался =)

Подскажите что лучше вместо Абсолюта использовать чтобы они нормально везде по середине отображались?

Попробовал все остальные, но они не хотят становится по середине в таблицу и при масштабировании сдвигаются влево

[dyadya]

#menu {margin: auto} - В FF работает.

В ИЕ7 Ваше меню сейчас совсем не просматривается. Видимо из-за height:0;. Попробуйте сделать 1%.

Edited August 26, 2009 by dyadya

[mishka]

Зачем там высота вообще нужна? Там есть уже ширина на <ul>, если есть ширина, то ul{margin:0 auto} и вот менюшка уже по центру, li{float:left}. Пустой спан внутри ненужен, так как бекграунд надо поцепить на <a>. А если у вас задумка такая чтобы при отключенных картинках все было видно, то уберите a{text-indent:-900%}. Если небудет дропдауна то поставте ul{overflow:hidden}. О, увидел зачем вам спан пустой... это делается нетак... Бекграунд цепляете на <a>, причем вырезаете картинку простого состояния и ховерного, совмещаете их, допустим ховерное состояние внизу прицепите, и при ховере a:hover{background-position:0 100%} или a:hover{background-position:0 -y} где y - высота ссылки.

___________________

| обычное состояние |

|__________________|

| ховерное состояние |

|__________________|

Edited August 26, 2009 by mishka2

[BoB]

Менюшку подвинул все ок теперь, но таблица на странице

http://slik.biz/mail.php

Сдвинута влево, а так же в ИЕ все что ниже меню сдвинуто вниз.

Подскажите как исправить

[BassEast]

воот! а ещё кто-то говорит, что верстать, это не так сложно и важно, как кодить , все эти ваши проблемы с вёрсткой.. доказывают, как минимум равенство в важности языков.

[BoB]

воот! а ещё кто-то говорит, что верстать, это не так сложно и важно, как кодить , все эти ваши проблемы с вёрсткой.. доказывают, как минимум равенство в важности языков.

Да это как бы все понятно =) Но по сути дела нужна помощь =)

[BoB]

Написал

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

Вместо

#menu a {
	display: block;
	text-indent: -900%;
	position: relative;
	outline: none;
}

и в ие все опустилось пикселей на 300...что делать???

[BoB]

Кто-нибудь может помочь? =)

[Searcher]

переверстать все заново!

что вы там понакрутили?! меню сверстано безобразно! Флоаты или инлайны используйте для пунктов. какие-то таблицы зачем-то...

это самый элементарный макет с 2-мя основными блоками. сверху меню, потом форма, зачем там таблица? где там табличные данные?

Меню как-то примерно так, следующий блок просто должен идти следующим. Там только отступы надо сделать и все...

ul#menu {
	text-align: center;
	white-space: nowrap;

}

ul#menu li {
	display: inline;
	white-space: nowrap;
}

ul#menu li a {
	text-decoration: none;
	padding: 0 0.3em;
}


ul#menu li a:hover {
}

Edited September 15, 2009 by Searcher