Problemer med tabel i IE
Hejsa eksperterJeg har en menu, der ser ud som det her:
<table id="menuTable" cellspacing="0" cellpadding="0">
<tr>
<td>
<a class="menuLink" href="her.html">Blah</a>
</td>
<td>
<a class="menuLink" href="der.html">BlahBlah</a>
</td>
</tr>
</table>
Med disse css koder:
#menuTable {
width: 750px;
border: 0px;
height: 28px;
background-color: #ffd700;
}
#menuTable td {
text-align: center;
}
.menuLink {
text-align: center;
border: 0px;
margin: 0px;
padding: 5px;
background-color: #ffff99;
text-decoration: none;
color: black;
}
.menuLink:hover {
background-color: #ffff33;
}
Mit problem er som følger:
Med de viste koder vil IE behandle menuen anderledes end firefox. Jeg har defineret doctype osv. Det er IE der er mit problem i denne sammenhæng, og det viser sig på den måde at IE trykker mine link-kasser ned i toppen. f.eks., hvis jeg tildeler kasserne en border på 1px så får det den ønskede effekt i firefox, mens IE simpelthen ikke viser den øverste border, men kun de andre.
Det er som om kasserne ikke har nogen substans i IE. Det har jeg prøvet at løse ved at sætte display: block; , men så smelter kasserne sammen, hvor de før fik tildelt sådan en fin afstand i mellem sig af tabellen.
Hvad gør jeg for at løse mit lille problem?
