Avatar billede web-girl Nybegynder
14. april 2006 - 11:48 Der er 13 kommentarer og
1 løsning

Problem med cellehøjde i IE - Firefox viser den korrekt

Jeg har en simpel tabel som ser sådan ud:

<table>
<tr>
<td rowspan="2"><img src="_images/noget.jpg" align="middle" alt="Beskrivelse"></td>
<td valign="middle" height="25px" bgcolor="#000000"><b>En overskrift</b></td>
</tr>
<tr>
<td valign="top" bgcolor="#000000">01.<br>02.<br>03.<br>04.<br>05.<br>06.<br>07.<br>08.<br>09.<br>10.</td>
</tr>

<tr>
<td rowspan="2"><img src="_images/billede.jpg" align="middle" alt="Tekst"></td>
<td valign="middle" height="25px" bgcolor="#000000"><b>Overskrift 2</b></td>
</tr>
<tr>
<td valign="top" bgcolor="#000000">indhold 2</td>
</tr>
</table>

Som I kan se har jeg i hver række 1 celle til venstre og 2 til højre. Mit problem er at jeg vil have cellen øverst til højre til at være 25px høj og indholdet i cellen lige nedenunder er jo sat til valign: top men det vises ikke korrekt i IE, men gør til gengæld i Firefox.

Jeg har stirret mig fuldstændig blind på dette og håber at I kan hjælpe mig.
Avatar billede web-girl Nybegynder
14. april 2006 - 11:55 #1
Jeg glemte at sige at den øverste række vises korrekt i IE, men 2. række gør ikke, selvom de tilsyneladende er helt ens (bortset fra indhold). Når jeg skriver "vises forkert" så mener jeg at begge celler til højre er lige høje og teksten i begge celler er i midten og ikke i toppen, som jeg gerne vil have nederste celle til. Håber jeg har forklaret det lidt bedre nu! Hjælp!
Avatar billede mapoulsen Nybegynder
14. april 2006 - 12:06 #2
kan du ikke lige lægge det op et sted så vi kan se det i funktion?
Avatar billede web-girl Nybegynder
14. april 2006 - 12:21 #3
Avatar billede mapoulsen Nybegynder
14. april 2006 - 12:28 #4
Hov, så i hvert fald lige én fejl her:

height="25px" skal du ændre til: height="25"

Det er kun i CSS at du skal angive enhed.
Avatar billede web-girl Nybegynder
14. april 2006 - 12:30 #5
Det har jeg rettet
Avatar billede web-girl Nybegynder
14. april 2006 - 12:31 #6
Men det har ikke noget med 'fejlen' at gøre
Avatar billede mapoulsen Nybegynder
14. april 2006 - 12:36 #7
Prøv at angiv højde og bredde på billederne. (det bør man altid gøre)
Avatar billede mapoulsen Nybegynder
14. april 2006 - 12:41 #8
Nå, jeg kan ikke lige finde fejlen. Men ta dog og nøjes med 2 celler frem for 3 for hvert album/tekst. Så er problemet løst.
Avatar billede web-girl Nybegynder
14. april 2006 - 12:43 #9
Er det også nødvendigt at angive højde og bredde, når billederne er rettet præcist til i størrelsen i et billedbehandlingsprogram?

Jeg vil overveje dit forslag, men det kunne være interessant at finde ud af hvorfor det driller, da jeg gerne vil lære det.
Avatar billede web-girl Nybegynder
14. april 2006 - 13:21 #10
Jeg bruger nu dit forslag, simpelt og nemt. Smid et svar og tak!

Hvis nogen stadig har lyst til at forklare mig hvorfor IE og Firefox tolker ovenstående forskelligt, er jeg villig til at smide flere points på bordet.
Avatar billede roenving Novice
15. april 2006 - 12:51 #11
Hvorfor de gør det, er nok en anelse ovre i det filosofiske, men i hvert fald fortolker IE altid cellehøjder som relative, så hvis to celler skal udfylde en given højde, vil den forholdsvis fordele den samlede højde ...

Prøv f.eks. at lave en tabel med højden 100px, lav en række, der er defineret til 25px højde og en anden, der indeholder et billede, der er 25px højt:

<table style="height:100px;width:100px;border-collapse:collapse;">
  <tr style="height:25px;">
    <td style="background:red;">&nbsp;</td>
  </tr>
  <tr>
    <td style="background:green;vertical-align:top;text-align:center;"><img src="../billede.jpg" style="height:25px;"></td>
  </tr>
</table>

-- det ses tydeligt, at først i det øjeblik billedet bliver så stort, at der ikke er noget at fordele, er browserne enige om visningen (leg med billedets højde !-)

-- og *lol*, jeg skulle lige se, hvordan de opførte sig uden en doctype, der er standard-installeret i mit test-dokument ...

-- der var de enige fra starten !o]
Avatar billede web-girl Nybegynder
17. april 2006 - 13:37 #12
tak for forklaringen, roenving. så må jeg bruge alternativer, som den mapoulsen foreslog.

smid et svar...
Avatar billede roenving Novice
19. april 2006 - 17:34 #13
-- ok, det er vel en deler, så '-)
Avatar billede roenving Novice
23. april 2006 - 01:57 #14
-- 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