Здравствуйте столкнулся с такой проблемой: есть top menu обычное таблицы + CSS и события JS, проблема в том что при указании DOCTYPE XHTML Transitional 1.0 в FF оно работать перестаёт если же устанавливаю DOCTYPE html 4.01 всё отлично, но хотелось бы всё таки в XHTML код:
Код:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>
index
</title>
</head>
<body>
<table id="table_for_top_menu" cellspacing="0px" cellpadding="0px">
<tr height="30px">
<td id="first_position" onMouseover="this.id='second_positi on', table_for_top_menu_podmenu.style.vi sibility='visible'" onMouseout="this.id='first_position ', table_for_top_menu_podmenu.style.vi sibility='hidden'">menu</td>
<td id="first_position" onMouseover="this.id='second_positi on', table_for_top_menu_podmenu2.style.v isibility='visible'" onMouseout="this.id='first_position ', table_for_top_menu_podmenu2.style.v isibility='hidden'">about us</td>
<td id="first_position" onMouseover="this.id='second_positi on', table_for_top_menu_podmenu.style.vi sibility='visible'" onMouseout="this.id='first_position ', table_for_top_menu_podmenu.style.vi sibility='hidden'">contacts</td>
<td id="first_position" onMouseover="this.id='second_positi on', table_for_top_menu_podmenu.style.vi sibility='visible'" onMouseout="this.id='first_position ', table_for_top_menu_podmenu.style.vi sibility='hidden'">news</td>
<td id="first_position" onMouseover="this.id='second_positi on', table_for_top_menu_podmenu.style.vi sibility='visible'" onMouseout="this.id='first_position ', table_for_top_menu_podmenu.style.vi sibility='hidden'">map of site</td>
</tr>
</table>
<!--podmenu_for_menu-->
<table id="table_for_top_menu_podmenu" cellspacing="0px" cellpadding="0px" onMouseover="table_for_top_menu_pod menu.style.visibility='visible'" onMouseout="table_for_top_menu_podm enu.style.visibility='hidden'">
<tr height="30px">
<td id="first_position_for_two_table" onMouseover="this.id='second_positi on_for_two_table'" onMouseout="this.id='first_position _for_two_table'">menu</td>
</tr>
<tr height="30px">
<td id="first_position_for_two_table" onMouseover="this.id='second_positi on_for_two_table'" onMouseout="this.id='first_position _for_two_table'">about us</td>
</tr>
<tr height="30px">
<td id="first_position_for_two_table" onMouseover="this.id='second_positi on_for_two_table'" onMouseout="this.id='first_position _for_two_table'">contacts</td>
</tr>
<tr height="30px">
<td id="first_position_for_two_table" onMouseover="this.id='second_positi on_for_two_table'" onMouseout="this.id='first_position _for_two_table'">news</td>
</tr>
<tr height="30px">
<td id="first_position_for_two_table" onMouseover="this.id='second_positi on_for_two_table'" onMouseout="this.id='first_position _for_two_table'">map of site</td>
</tr>
</table>
и CSS
#table_for_top_menu{
width:780px;
height:30px;
margin:0px;
padding:0px;
text-align:center;
}
#first_position{
color:green;
border:1px solid green;
background-color:lightgreen;
font-weight:bold;
font-family:arial;
width:156px;
}
#second_position{
color:lightgreen;
border:1px solid lightgreen;
background-color:green;
font-weight:bold;
font-family:arial;
width:156px;
cursor:pointer;
}
#table_for_top_menu_podmenu{
width:156px;
height:150px;
margin:0px;
padding:0px;
text-align:center;
visibility:hidden;
}
#first_position_for_two_table{
color:green;
border:1px solid green;
background-color:lightgreen;
font-weight:bold;
font-family:arial;
width:156px;
}
#second_position_for_two_table{
color:lightgreen;
border:1px solid lightgreen;
background-color:green;
font-weight:bold;
font-family:arial;
width:156px;
cursor:pointer;
}