Fout in IE, goed in Firefox

[eXo]

Het volgende stukje HTML werkt goed in firefox maar er komt een grote ruimte tussen de plaatjes in Internet Explorer. Wie ziet het probleem:

Code: Selecteer alles

<table width="100%" height="0%" border="0" cellpadding="0" cellspacing="0" class="portaltbkleur1">
              <tr>
                <td width="11" height="29" background="/templates/subSilver/images/menu/portal/leftcorn.jpg"></td>
                <td width="388" class="topedge2"><img src="/templates/subSilver/images/menu/portal/login.jpg"></td>
                <td width="500" class="topedge2"><div align="right"><img src="/templates/subSilver/images/menu/portal/regtop.jpg" width="198" height="29"></div></td>
                <td width="10" height="29" background="/templates/subSilver/images/menu/portal/rightcorn.jpg"></td>
              </tr>
              <tr>
                <td class="leftedge2">&nbsp;</td>
                <td colspan="2">
                  <form method="post" action="{S_LOGIN_ACTION}">
                    <table width="100%" height="133px" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="1%" heigth="0%"></td>
                        <td width="71%"><div align="left">
						<p><span class="gensmall" style="line-height=150%">
                            <input type="hidden" name="redirect" value="{U_PORTAL}" />
               				 {L_USERNAME}:<br />
               				 <input class="post" type="text" name="username" size="15" />
               				 <br />
                			{L_PASSWORD}:<br />
               				 <input class="post" type="password" name="password" size="15" />
                			<br />
                			<input class="text" type="checkbox" name="autologin" />
							&nbsp;{L_REMEMBER_ME}<br/>
                			<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
						</span></p>
						</div></td>
                        <td width="198px"><div align="right"><img src="/templates/subSilver/images/menu/portal/regmain.jpg" border="0" usemap="#Map">
                        </div></td>
                      </tr>
                    </table>
                </form>
				</td>
                <td class="rightedge2"></td>
              </tr>
              <tr>
                <td width="11" height="13" background="/templates/subSilver/images/menu/portal/leftbotcorn.jpg"></td>
                <td colspan="2" class="botedge2"><div align="right"><img src="/templates/subSilver/images/menu/portal/regbotedge.jpg"></div></td>
                <td width="10" height="13" background="/templates/subSilver/images/menu/portal/rightbotcorn.jpg"></td>
              </tr>
              <tr>
                <td height="13" class="portalkleur2"></td>
                <td colspan="2" class="portalkleur2"><div align="right"><img src="/templates/subSilver/images/menu/portal/regwheels.jpg"></div></td>
                <td height="13" class="portalkleur2"></td>
              </tr>
            </table>

De pagina waarom het gaat: http://www.400cc.nl/portal.php en dan de login box. Bekijk ze maar is in beide browsers.

Bij voorbaat dank!

[ElbertF]

Het is maar een ideetje, maar volgens mij worden lege cellen door beide browsers anders geïnterpreteerd. Verander:

Code: Selecteer alles

<td height="13" class="portalkleur2"></td>

eens in

Code: Selecteer alles

<td height="13" class="portalkleur2">&nbsp;</td>

En dit met alle lege cellen. Nu klopt het denk ik in beide browsers niet, maar zijn ze wel hetzelfde. Ik denk dat je de lege cellen moet weghalen. En wel op de juiste manier, anders klopt je layout niet meer (dus ook hier en daar colspan="" aanpassen).

[eXo]

thnx ik ga het is proberen!

[eXo]

Solved! Dankzij dit topic: http://www.phpbb.nl/viewtopic.php?t=14547
Thnx Spambot!