[HTML] FF/IE render verschil: align bottom in td

[Morphine]

Heren,

Ik zit met het probleem dat ik een plaatje in een TD heb, die ik graag beneden wil uitlijnen.
Probleem is, het plaatje heeft een een hoogte in procenten. Zie code:

HTML:

<table cellspacing="1" cellpadding="0" border="1" height="75">
<tr valign="Bottom">
    <td>
        [img]""[/img]
    </td>
</tr>
</table>

Als ik dus het plaatje een hoogte in pixels geef, dan render IE het plaatje wel goed in de bottom, firefox echter render het (uiteraard) altijd goed.

[ Voor 53% gewijzigd door Morphine op 09-05-2006 10:03 ]

[RM-rf]

een tabel heeft geen hoogte-attributen ...

hoogte is een visuele waarde en dient met CSS ingesteld worden, voor betreffende elementen die vaste positionering 'mogen' hebben, de truc van een abel is nu net dat deze 'on-the-fly' gerenderd wordt en de waardes relatief tov elkaar zijn..

de les: gebruik geen tabelen voor layoutdoeleinden, als je specifieke zaken met positionering wilt hebben, gebruik de juiste elementen (veelal DIV en/of SPAN)

[crisp]

HTML:

<table cellspacing="1" cellpadding="0" border="1" height="75">
<tr valign="Bottom">
    <td>
        <img src="" style="border: 1px solid red" align="bottom" width="12" height="1%"/>
    </td>
</tr>
</table>

(om RM-rf te onderschrijven, hoewel ik het niet eens ben met de uitspraak dat DIV en/of SPAN de juiste alternatieve elementen zijn aangezien deze elementen juist de minste semantische waarde hebben )

[RM-rf]

crisp schreef op dinsdag 09 mei 2006 @ 00:39:
.. hoewel ik het niet eens ben met de uitspraak dat DIV en/of SPAN de juiste alternatieve elementen zijn aangezien deze elementen juist de minste semantische waarde hebben )

Ik zette ook bewust 'veelal' neer .... Als het gewoon gaat om een Divisie zonder specifieke semantische waarde: iemand wil een blokje maken met daarin verdere markup, is de DIV natuurlijk wél, juist doordat het geen enkele semantische waarde heeft het juiste element...
Echter, van die websites die bestaan uit rijen en rijen DIVs... nee dat klopt, daar maakt de html-coder een interpretatiefout, veelal een html'er die net gehoord heeft dat 'tabellen niet zouden mogen' ..

Alhoewel ik moet zeggen, zulke een DIV-crazy HTML-code is niet mooi, praktisch en fijn te onderhouden, maar volgens mij heeft het veelal qua uitvoering weinig nadelen, je emerkt er niet direkt de nadelen van, zoals je wel merkt dat tabellen en preciese positionering gewoon vroeger of later fout gaat.