Avatar billede lillebror Nybegynder
20. august 2005 - 18:45 Der er 5 kommentarer og
1 løsning

Problemer med tabel i IE

Hejsa eksperter

Jeg 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?
Avatar billede roenving Novice
20. august 2005 - 18:57 #1
Har du </td>-tags på linjer for sig selv ?-)

De skal altid, af hensyn til netop IE, smækkes op i r**** af cellens indhold:

<td>
  <a class="menuLink" href="der.html">BlahBlah</a></td>
Avatar billede lillebror Nybegynder
20. august 2005 - 19:00 #2
Ja, jeg parser menuen i php, så det hele står på en lang sammenhængende linie.
Avatar billede roenving Novice
20. august 2005 - 19:08 #3
-- og din doctype er inklusive dtd-link ?-)

-- er det denne effekt, du vil have:

#menuTable td {
    text-align: center;
    padding: 5px;
}

.menuLink {
    text-align: center;
    border: 0px;
    margin: 0px;
    padding: 5px;
    background-color: #ffff99;
    text-decoration: none;
    color: black;
}
Avatar billede lillebror Nybegynder
20. august 2005 - 19:11 #4
P e r f e k t !
Så skal du bare lige smide et svar :)
Avatar billede roenving Novice
20. august 2005 - 19:12 #5
Velbekomme '-)
Avatar billede roenving Novice
20. august 2005 - 19:33 #6
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester