Ik heb een layout die niet wilt werken in Firefox, maar wel in IE6 en IE7, raar maar waar.



Zoals je ziet, ziet hij er in Firefox anders uit, de zijkanten sluiten niet mooi aan op elkaar en de onderkant is ook niet goed. (Links is Firefox, rechts is IE6, IE6 en IE7 zijn hetzelfde).

Code:

<form method="post" action="">
                
                <table width="300" height="350" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
            <img src="../img/msninvite%281%29_01.gif" width="300" height="184" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="../img/msninvite%281%29_02.gif" width="20" height="166" alt=""></td>
        <td style="color:#ff0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px;"><div style="width:254px; height:141px; padding-bottom:1px;">Hotmail adres<br /><input type="text" name="passport" value="" /><br />
        Wachtwoord<br /><input type="password" name="password" value="" /><br />
        <input type="submit" name="submit" value="OK" /></div></td>
  <td rowspan="2">
            <img src="../img/msninvite%281%29_04.gif" width="26" height="166" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="../img/msninvite%281%29_05.gif" width="254" height="22" alt=""></td>
    </tr>
</table>
                
            </form>

Maak hier gebruik van inline css ipv een extern css bestandje.

Zou iemand kunnen kijken waar de fout hier ergens zit?

Alvast bedankt!

Dat heeft hiermee te maken:

http://devedge-temp.mozilla.org/view...002/img-table/

Je imgs in de tabellen moeten een display: block krijgen.

Bedankt man, zoiets simpels en het werkt ook nog eens.

Heel erg bedankt!