Hallo zusammen,
habe ein Problem mit meiner vertikalen Menüleiste.
Vorab:
Das Menü ist links angeordnet (179px) breit, jedes mal wenn ich über einen link fahre wird er fett dargestellt. (absichtlich) Nur bei manchen Menüpunkte die die hälte der breite übersteigen verbreitert der IE6 automatisch die Spalte, obwohl noch 30px oder mehr frei sind. Firefox stellt alles einwandfrei dar.
---------------------------
Quellcode:
<table bgcolor="white" width="780" height="95%" align="center" border="1" bordercolor="black" cellspacing="0" cellpadding="0">
<tr>
<td height="175" valign="top" colspan="3"> <img src="bilder/head.jpg"> </td>
</tr>
<tr>
<td width="179" valign="top" id="menu_1">
<div class="menu1-level1-no"> <a href="#"> Menu item 1</a> </div>
<div class="menu1-level1-no"> <a href="#"> Menu item 2</a> </div>
<div class="menu1-level1-act"> <a href="#"> Menu item 1</a> </div>
<div class="menu1-level2-no"> <a href="#"> Level 2 item </a> </div>
<div class="menu1-level2-no"> <a href="#"> Level 2 item </a> </div>
<div class="menu1-level2-act"> <a href="#"> Level 2 item (act)</a> </div>
</td>
<td width="1" bgcolor="#9a9a9a" valign="middle"> </td>
<td width="600" id="content" class="content"> </td>
</tr>
<tr>
<td width="780" height="25" colspan="3" valign="bottom"> </td>
</tr>
<tr>
<td height="10" colspan="3"> <div align="center"> <font size="1"> Foot </font> </div> </td>
</tr>
</table>
CSS:
/* Menu 1 column*/
TD#menu_1 {
display:block;
vertical-align: top;
padding-top: 5px;
flaot-left;
}
TD#menu_1 DIV {
display:block;
width:100%;
}
TD#menu_1 DIV A:hover{
display:block;
color: #474747;
text-decoration:none;
}
TD#menu_1 A:hover {
display:block;
color: #474747;
font-weight:bold;
text-decoration:bold;
}
/* Menu 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
display:block;
border-bottom: 1px solid #cfe6d4;
font-size: 11px;
padding-top:5px;
padding-left:15px;
}
/* Menu 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
border-bottom: 1px solid #cfe6d4;
font-weight:bold;
font-size:11px;
padding-top:5px;
padding-left:15px;
display:block;
background-color: #cfe6d4;
width: 179px;
filter:alpha(opacity='70', style='0');
}
TD#menu_1 DIV.menu1-level1-act A {
display:block;
color:#474747;
}
/* Menu 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
display:block;
font-size: 11px;
padding-left: 20px;
}
/* Menu 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
display:block;
font-size:11px;
font-weight:bold;
padding-left:20px;
}
------------------
Bitte helft mir weiter, danke!
gruß