Что то с кросбраузерностью, немогу понять

Patch · March 23, 2009

доброго времени суток! у меня такая проблема: пишу меню, по нажатию на ссылку должен менять положение "плавающий блок" див. Так вот в ие вроде работает, в опере видно как блок на секунду передвигается, а потом обратно на исходную, в мозиле вообще не реагирует Sad

если убрать тэг "доктип" то начинает работать и в мазиле

вобщем неделю убил и ничего не получилось. помогите кто чем может..

вот собственно код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<script>
function switchmenu(l_top){
    document.getElementById("content").style.top=l_top;
}
</script>


<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" >
<div style="position:relative; z-index:5;" id="content">
<div  style="width:99%; position: absolute; top:0px; left:10px; z-index:6;">
   <div style="background:black; height:2px; width:100%; z-index:7;" ><img height=2 src="interface/spacer.gif"></div>
   <div style="height:100%; width:2px; z-index:7;">
      <table border=0 cellpadding=0 cellspacing=0 >
      <tr>
      <td width=2 bgcolor=black height=100%><img width=2 src="interface/spacer.gif"></td>
      <td>testtest<br>test<br>test<br>test<br>test<br>test<br></td>
      </tr>
      </table>
   </div>
   </div>
</div>
<div style="position:relative; z-index:8;" id="menu">
<div style=" min-width:50px; position: absolute; text-align:right;  top:10px; right:20px; z-index:9;">
   <div style=" height:20px; min-width:50px;"><a href=# onclick="java script:switchmenu(40); z-index:10;">Дизайн интерьера</a></div>
   <div style=" height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
   <div style=" height:20px; min-width:50px; z-index:10;"><a href=# onclick="java script:switchmenu(62); ">Ландшафт</a></div>
   <div style=" height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
   <div style=" height:20px; min-width:50px; z-index:10;"><a href=# onclick="java script:switchmenu(84); ">Декор</a></div>
   <div style=" height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
   <div style=" height:20px; min-width:50px; z-index:10;"><a href=# onclick="java script:switchmenu(106);">Арт</a></div>
   <div style=" height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
   <div style=" height:20px; min-width:50px; z-index:10;"><a href=# onclick="java script:switchmenu(128);">Фотография</a></div>
   <div style=" height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
</div>
</div>
</body>

Edited March 23, 2009 by Patch

Victor Ananiev · March 23, 2009

в это ничего что head нету?

Patch · March 23, 2009

забыл... но хэд ни при чем все-равно не пашет

Victor Ananiev · March 23, 2009

а где html который открывается?

Patch · March 23, 2009

он будет открываться средствами ajax. в функции onclick прописано будет. сейчас надо только заставить правильно двигаться блок див

Great Rash · March 23, 2009

Не знаю, что точно должно получиться, но вот так у меня Мозилла переставляет черную черту:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>222</title>
<script>
function switchmenu(l_top){
document.getElementById("content").style.top=l_top+'px';
}
</script>
</head>

<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" >
<div style="position:relative; z-index:5;" id="content">
<div style="width:99%; position: absolute; top:0px; left:10px; z-index:6;">
<div style="background:black; height:2px; width:100%; z-index:7;" ><img height=2 src="interface/spacer.gif"></div>
<div style="height:100%; width:2px; z-index:7;">
<table border=0 cellpadding=0 cellspacing=0 >
<tr>
<td width=2 bgcolor=black height=100%><img width=2 src="interface/spacer.gif"></td>
<td>testtest<br>test<br>test<br>test<br>test<br>test<br></td>
</tr>
</table>
</div>
</div>
</div>
<div style="position:relative; z-index:8;" id="menu">
<div style="min-width:50px; position: absolute; text-align:right; top:10px; right:20px; z-index:9;">
<div style="height:20px; min-width:50px;"><a href=# onclick="switchmenu(40);">Дизайн интерьера</a></div>
<div style="height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
<div style="height:20px; min-width:50px; z-index:10;"><a href=# onclick="switchmenu(62);">Ландшафт</a></div>
<div style="height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
<div style="height:20px; min-width:50px; z-index:10;"><a href=# onclick="switchmenu(84);">Декор</a></div>
<div style="height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
<div style="height:20px; min-width:50px; z-index:10;"><a href=# onclick="switchmenu(106);">Арт</a></div>
<div style="height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
<div style="height:20px; min-width:50px; z-index:10;"><a href=# onclick="switchmenu(128);">Фотография</a></div>
<div style="height:2px; min-width:50px; z-index:10;"><img height=2 src="interface/spacer.gif"></div>
</div>
</div>
</body>
</html>

UPD: А вообще у Мозиллы есть полезная вещь - Консоль ошибок! Мне часто помогает. Ну и Firebug для нее конечно установить неплохо бы.

Edited March 23, 2009 by Great Rash

Patch · March 23, 2009

фаербаг установлен, просто проблема скорее в опере чем в мозиле.

твой код работае в ие и мазиле, а в опере по-прежнему сначала передвигается а потом обратно.. блин ни хрена не пойму

Edited March 23, 2009 by Patch

Great Rash · March 24, 2009

а какая версия Оперы? У меня в 9,63 вроде ничего не скачет. А расскажите, что должно быть, а то из первого поста нифига не понятно? Я замучу если время будет.

Sign In

Что то с кросбраузерностью, немогу понять

Question

Patch

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

Patch

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

Patch

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Patch

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information