Hallo,
ich habe ein problem und zwar hab ich mir eine navigation für eine site gemacht, die im iexplorer funktioniert doch leider in allen mozilla browsern nicht.
Die linke Spalte wird im Mozilla Browser zu breit dargestellt und in einer eigenen Zeile.
Hier der Code:
Navigation:
CSS:
ich habe ein problem und zwar hab ich mir eine navigation für eine site gemacht, die im iexplorer funktioniert doch leider in allen mozilla browsern nicht.
Die linke Spalte wird im Mozilla Browser zu breit dargestellt und in einer eigenen Zeile.
Hier der Code:
Navigation:
Code:
<table width="130px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%" class="Navi2"></td>
<td class="Navi" onMouseOver="this.style.backgroundColor='#DDDDDD' ;" onMouseOut="this.style.backgroundColor='Transparent' ;" width="93%">[url=""]Test[/url]</td>
</tr>
<tr>
<td width="7%" class="Navi2"></td>
<td class="Navi" onMouseOver="this.style.backgroundColor='#DDDDDD' ;" onMouseOut="this.style.backgroundColor='Transparent' ;" width="93%"></td>
</tr>
<tr>
<td width="7%" class="Navi2"></td>
<td class="Navi" onMouseOver="this.style.backgroundColor='#DDDDDD' ;" onMouseOut="this.style.backgroundColor='Transparent' ;" width="93%"></td>
</tr>
<tr>
<td width="7%" class="Navi2"></td>
<td class="Navi" onMouseOver="this.style.backgroundColor='#DDDDDD' ;" onMouseOut="this.style.backgroundColor='Transparent' ;" width="93%"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
CSS:
Code:
.nlink {
display: block;
width="100%";
color : #666666;
}
a.nlink:hover {
color : #000000;
background-color : transparent;
text-decoration : none;
display: block;
width="100%";
}
.Navi{
background-color:#EAEAEA;
line-height: 9px;
width: 100%;
padding: 2px;
padding-left: 2px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #444444;
border-right: 0px;
clear: both;
display: block;
font-size: 11px;
font-family : Tahoma;
}
.Navi2{
background-color:#DDDDDD;
line-height: 9px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #444444;
border-right: 1px solid #444444;
clear: both;
display: block;
font-size: 11px;
font-family : Tahoma;
}