Hej, Det är i ett publiseringsverktyg men jag skall försöka ta ut det viktigaste.En pixel
jag skapat en site med där jag använder en statisk horizontell meny. Jag använder Display:box för att få hela tabellcellen att ändra färg när jag drar musen över. Problemet är i IE där det uppstår ett gap på 1 pixel ovanför medans i FireFox uppstår det inte. Jag har fått för mig att det är ett klassiskt problem.
Några ideer om vad man skall göra.
MVH
robertSv:En pixel
Detta är taget vid bilden "flik_1_headPic" samt första cellen ur menyn. Och det är mellan dessa två som det krånglar. Jag hoppas ni förstår :-D
<tr>
<td width="744" height="70" align="left" valign="bottom"><TABLE height=70 cellSpacing=0 cellPadding=0 width=744 border=0>
<TBODY>
<TR>
<TD vAlign=bottom width="744">
<DIV class=lih_templateObject_Image id=lih_templateObject_Image_1 height=70px><IMG id=Profil_Flik1 title="" height=70 alt="" src="/bilder_LIH/flik1_headPic.gif" width=744 border=0></DIV></TD></TR></TBODY></TABLE> </td>
</tr>
<tr valign="top" >
<td width="744" height="25" align="left" valign="top" style="padding-left:5px">
<table cellpadding=0 cellspacing=0 border=0 class="MenuTable_7">
<tr>
<td valign=top>
<table width=100% cellpadding=0 cellspacing=0 border=0>
<tr>
<td valign=top onmouseover="this.className='MenuLevelOneCellOnMouseOver_7'" onmouseout="this.className='MenuLevelOneCell_7'" class="MenuLevelOneCell_7">Start</td>
</tr>
</table>
.MenuLevelOne_7 {
PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; DISPLAY: block; HEIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px! important; WIDTH: 100%; COLOR: #439639; FONT-FAMILY: Verdana, Arial! important; TEXT-DECORATION: none! important
}
A.MenuLevelOne_7:link {
PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; DISPLAY: block; HEIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px! important; COLOR: #439639; FONT-FAMILY: Tahoma, Arial! important; TEXT-DECORATION: none! important
}
.MenuLevelOneCell_7
{
HEIGHT: 100%;
}
.MenuLevelOneCellClicked_7
{
BACKGROUND-COLOR: #EDECDA;
HEIGHT: 100%;
}
.MenuLevelOneCellOnMouseOver_7
{
BACKGROUND-COLOR: #EDECDA;
HEIGHT: 100%;
}