Feldhöhe/Zeilenhöhe, IE ignoriert "height"...

[JB]

Hallo,

ich habe hier ein Problem mi dem Internet Explorer

HIER MAL DER QUELLCODE:

{foreach name=aussen item=module_data from=$module_content}
                <table  cellpadding="0" cellspacing="0" class="NewProductsOverview">
                <tr>
                        <td colspan="3" class="TDHeadline"><a href="{$module_data.PRODUCTS_LINK}"><strong>
                        <font color="#000000">{$module_data.PRODUCTS_NAME}</font></strong></a></td>
                </tr>

<tr>
<td rowspan="2" valign="middle" align="center" width="30%" style="background:#ccc8af;">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}</td>
<td colspan="2" valign="top">{if $module_data.PRODUCTS_SHORT_DESCRIPTION}<p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>{/if} {$module_data.PRODUCTS_TAX_INFO}<br>{if $module_data.PRODUCTS_VPE}<strong>Verpackungseinheit:</strong>{$module_data.PRODUCTS_VPE}<br />{/if}</p>
</tr>

<tr>
<td style="height:20px;background:#7F0000;"><b><font size='3' color='white'>{$module_data.PRODUCTS_PRICE}</font></b></td>
<td style="height:20px;background:#003F00;"><b><font size='3' color='white'><a href="{$module_data.PRODUCTS_LINK}">ARTIKELDETAILS</a></font></b></td>
</tr>

</table>
{/foreach}

Der letzte Stück gibt Preis und Button mit farbigen Hintergrund aus.
Firefox machts auch einwandfrei, Internetexplorer jedoch erkennt die Größe einfach nicht und lässt die Felder mal höher und mal niedriger ausfallen.

Doctype ist XHTML1.1 -- PS: Auch mit XHTML 1.0 und HTML 4.0 ist es der gleiche mist...

Hat jemand eine Idee?

Gruß

[Vinzenz Mai]

Hallo,

serverseitiger Code ist bei clientseitigen Problemen nicht hilfreich.

Firefox machts auch einwandfrei, Internetexplorer jedoch erkennt die Größe einfach nicht und lässt die Felder mal höher und mal niedriger ausfallen.

IE macht es richtig, Firefox auch. Du bist nicht allein:

</archiv/2009/5/t186501/#m1238805>
</archiv/2009/6/t187426/#m1245822>
</archiv/2009/6/t187793/#m1248910>
</archiv/2009/7/t189055/#m1259412>

Die Spezifikation erlaubt beide Darstellungen. Möchtest Du eine spezielle Darstellung, verzichte auf Tabellenzellen mit rowspan.

Doctype ist XHTML1.1

Warum? Wie valide?

Wirf Dein Tabellenlayout raus. Verzichte auf veraltete HTML-Attribute zur Darstellung, verzichte auf veraltete HTML-Elemente zur Darstellung. Nutze CSS. Schreibe validen Code.

Freundliche Grüße

Vinzenz