Всем доброго дня.
Есть такой код.
| Код |
<CENTER>
<DIV style ="position:relative;z-index:[a]">
<TABLE cellspacing = 0 cellpadding = 0 border = 0 align = center style = "width:850px;table-layout:fixed;">
<TR>
<TD width = 93>
<A HREF = # onmouseover = "document.pic1.src = 'resource/menuColor1.jpg'"
onmouseout = "document.pic1.src = 'resource/menu1.jpg'">
<IMG SRC = "resource/menu1.jpg" name = "pic1">
</A>
</TD>
<TD width = 108>
<A HREF = # onmouseover = "document.pic2.src = 'resource/menuColor2.jpg'"
onmouseout = "document.pic2.src = 'resource/menu2.jpg'">
<IMG SRC = "resource/menu2.jpg" name = "pic2"></A>
</TD>
<TD width = 85>
<A HREF = # onmouseover = "document.pic3.src = 'resource/menuColor3.jpg'"
onmouseout = "document.pic3.src = 'resource/menu3.jpg'">
<IMG SRC = "resource/menu3.jpg" name = "pic3"></A>
</TD>
<TD width = 96>
<A HREF = # onmouseover = "document.pic4.src = 'resource/menuColor4.jpg'"
onmouseout = "document.pic4.src = 'resource/menu4.jpg'">
<IMG SRC = "resource/menu4.jpg" name = "pic4"></A>
</TD>
<TD width = 113>
<A HREF = # onmouseover = "document.pic5.src = 'resource/menuColor5.jpg'"
onmouseout = "document.pic5.src = 'resource/menu5.jpg'">
<IMG SRC = "resource/menu5.jpg" name = "pic5"></A>
</TD>
<TD width = 353>
<IMG SRC = "resource/menu6.jpg"></A>
</TD>
</TR>
</TABLE>
<DIV style = "position:absolute;z-index: [b] > [a];top:50px;left:-20px">
<CENTER><TABLE border = 0 style = "width:850px;table-layout:fixed">
<TR><TD>
<IMG SRC = "resource/menu_and_table.jpg" align = left>
</TD></TR>
</TABLE></CENTER>
</DIV>
</DIV>
</CENTER>
|
Дело в том ,что лиса не понимает что такое -20px, а IE понимает. А мне эти -20 пикселов крайне важны.
Есть другой вариант поставить right 240 вместо left , но тогда при уменьшении окна обьект уходит за пределы видимости.
Можно было поймать событие уменьшение окна и обработать ее, есть такое событие?Подскажите пожалуйста разумный выход из такой ситуации. К стати хочу ответить на вопрос почему -20.
http://ccfit.nsu.ru/~struchkov/index хочется такой дизайн. |
