Проблемы с MOZILLA

Форум:	Форум PHP	Форум Apache	Форум Регулярные Выражения	Форум MySQL	HTML+CSS+JavaScript	Форум Flash	Разное
Новые темы:	0	0	0	0	0	0	0

Здравствуйте, Посетитель!

вид форума:

тема: Проблемы с MOZILLA

следующая тема

предыдущая тема

автор: magic (09.10.2009 в 12:34) письмо автору

Почему не работает меню в этом браузере, помогите пожалуйста, привожу весь код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <script language="JavaScript" type="text/javascript"> function clickHandler() { var targetId, srcElement, targetElement; srcElement = window.event.srcElement; if (srcElement.className == "Outline") { targetId = srcElement.id + "details"; targetElement = document.all(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; } else { targetElement.style.display = "none"; } } } document.onclick = clickHandler; </script> </head> <body> <a id="Out0" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">► ГЛАВНОЕ МЕНЮ</a> <div id=Out0details style="display:None; position:relative; left:9;"> <a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►Home</a><br> <a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►Дата и Время</a><br> <a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Часы</a><br> <a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Прокрутки (Scrollers)</a><br> <a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Другая страница</a><br> <a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Дата Обновления</a><br> <a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Линки</a> </div><BR> <a id="Out1" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">► ЕЩЕ ОДНО МЕНЮ</a> <div id=Out1details style="display:None; position:relative; left:9;"> <a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►Home</a><br> <a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►Дата и Время</a><br> <a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Часы</a><br> <a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Прокрутки (Scrollers)</a><br> <a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Другая страница</a><br> <a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Дата Обновления</a><br> <a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Линки</a> </div><BR> <a id="Out2" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">► И ЕЩЕ ОДНО МЕНЮ</a> <div id=Out2details style="display:None; position:relative; left:9;"> <a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►Home</a><br> <a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►Дата и Время</a><br> <a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Часы</a><br> <a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Прокрутки (Scrollers)</a><br> <a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Другая страница</a><br> <a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Дата Обновления</a><br> <a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►Линки</a> </div> </body> </html>

Ответить

	автор: АЯ (09.10.2009 в 15:42) письмо автору
	для: magic (09.10.2009 в 12:34)
	Потому что Mozilla не поддерживает: 1. коллекцию document.all -- надо применять кроссбраузерный метод document.getElementById 2. свойство srcElement -- для Mozilla надо использовать свойство target 3. значение hand для свойства стиля cursor -- надо применять кроссбраузерное значение pointer
	Ответить

	автор: magic (09.10.2009 в 19:28) письмо автору
	для: АЯ (09.10.2009 в 15:42)
	Все вроде сделал, кроме target, как заменить не пойму.
	Ответить

автор: АЯ (09.10.2009 в 20:19) письмо автору

для: magic (09.10.2009 в 19:28)

function clickHandler (ev) { var targetId, srcElement, targetElement; srcElement = ev.target || window.event.srcElement; ...

Ответить

	автор: magic (11.10.2009 в 00:23) письмо автору 39.9 Кб
	для: magic (09.10.2009 в 19:28)
	Есть еще два вопроса, которые сводят с ума. Почему ИЕ не выравнивает по центру, все остальные нормально. И второй вопрос Опера и ИЕ контейнер растагивают высоту сто процентов, а Магазила, сафари и хром нет. Файл прикреплен -------->
	Ответить

автор: АЯ (11.10.2009 в 01:06) письмо автору

для: magic (11.10.2009 в 00:23)

Что именно "ИЕ не выравнивает по центру"?
Какой именно контейнер в ИЕ "растагивают высоту сто процентов, а Магазила, сафари и хром нет"?

В какой приходской школе вас научили прописывать ВСЕМ ссылкам target="_self"?
Во всех браузерах они и так откроются в текущем окне. "Масло МАСЛЯНОЕ" - это не от большого ума.

Вам не кажется, что "пицот" раз повторенное style="font-size: 8pt; font-family: Courier; text-decoration: none" является в вашем коде лишним? Один раз написанное
#Out0details a {font-size: 8pt; font-family: Courier; text-decoration: none}
значительно облегчит ваш код.

Ответить

	автор: magic (11.10.2009 в 16:04) письмо автору
	для: АЯ (11.10.2009 в 01:06)
	ИЕ не выравнивает #container { width: 1000px; margin: 0 auto; border: 1px solid #d6d6d6; height: 100%; } Этот контейнер у меня основной, вся страница находится в нем. Тут прописано margin: 0 auto;, все браузеры работают нормально, а ИЕ не выравнивает. Здесь же и в body стоит height: 100%, Опера и ИЕ нормально тянут, а остальные не растягивают. А по поводу повторений я все это знаю и видел, это просто скопировал для примера.
	Ответить

автор: АЯ (11.10.2009 в 19:27) письмо автору

для: magic (11.10.2009 в 16:04)

В этом вопросе MSIE не поддерживает рекомендацию CSS - "Otherwise, if both 'margin-left' and 'margin-right' are 'auto', they will be set to equal values. This will center the element inside its parent."

Значение auto для свойства margin в MSIE говорит лишь о том, что левый отступ равен правому.
По умолчанию отступ с любой стороны для тега <DIV> является нулевым.
Ваша установка margin: 0 auto всего лишь ПОДТВЕРЖДАЕТ, что "ноль слева" равен "нулю справа" :-)

Кроссбраузерное решение - надо для родительского тега установить центрирование текста.
В вашем случае это будет так:
<body style="text-align: center"> <div id="container">

Ответить

	автор: magic (12.10.2009 в 11:36) письмо автору
	для: АЯ (11.10.2009 в 19:27)
	По этому вопросу спасибо, все сработало. А как же быть с высотой, почему она не тянется вниз? Т.е. внутренние блоки (относительно #container) с текстом тянутся в низ, а сам #container так и остается на месте (только Mozilla, Safari, Chrome), Opera и IE работают нормалек.
	Ответить

	автор: magic (12.10.2009 в 21:43) письмо автору
	для: magic (12.10.2009 в 11:36)
	.
	Ответить

вверх

HTML+CSS+JavaScript