Verschil van lay-out in IE en FF

[mindshutter]

Mijn forum is zo goed als klaar, maar op de één of andere manier ziet de lay-out er in Internet Explorer niet goed uit. In Firefox klopt alles, maar in IE is er een ruimte onder de header ontstaan die ik maar met geen mogelijkheid weg kan krijgen.

Weet iemand raad? Alvast bedankt!

Link: http://www.mindshutter.nl

Code: Selecteer alles

<table width="950px" cellspacing="0" cellpadding="0" border="0" align="center">

<td valign="top" width="75%">

		<!-- BEGIN fetchpost_row -->
		<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
  <tr>

        <td align="left" background="templates/topsecret/images/pagetop.jpg"><img src="templates/topsecret/images/lcornertop.jpg" width="29" height="36" /></td>

        <td width="100%" height="36" background="templates/topsecret/images/pagetop.jpg"></td>

        <td align="right" background="templates/topsecret/images/pagetop.jpg"><img src="templates/topsecret/images/rcornertop.jpg" width="29" height="36" /></td>    

  </tr>

        <td height="30" colspan="3" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr align="left">

	<td width="29" align="left" valign="bottom" background="templates/topsecret/images/rsidepage.jpg"><img src="templates/topsecret/images/bottomlpagecorner.jpg" width="29" height="36" /></td>
        
        <td width="100%" background="templates/topsecret/images/tab.jpg"></td>

 	<td width="29" align="right" valign="bottom" background="templates/topsecret/images/rsidepage.jpg"></td>

              <td width="29" align="left" valign="bottom" background="templates/topsecret/images/lsidepage.jpg"></td>


        <td width="25" align="right" height="100%"><img src="templates/topsecret/images/lcornertab.jpg" width="25" height="36" /></td>

        <td align="right" nowrap="nowrap" background="templates/topsecret/images/tab-center.jpg" class="catHead" height="25"><span class="genmed"><b>{L_NAME_WELCOME} {U_NAME_LINK}!</b></span></td>

        <td width="25" align="right"><img src="templates/topsecret/images/rcornertab.jpg" width="25" height="36" /></td>

        <td width="100%" background="templates/topsecret/images/tab.jpg"></td>

              <td width="29" align="left" valign="bottom" background="templates/topsecret/images/lsidepage.jpg"><img src="templates/topsecret/images/bottomrpagecorner.jpg" width="29" height="36"></td>



   </tr>
             
              </table>


   
 
  </tr>

                      
  <tr>
        
	<td width="29" align="left" background="templates/topsecret/images/rsidepage.jpg"><img src="templates/topsecret/images/lpagecut.jpg" width="29" height="20" /></td>
        
	<td align="left" background="templates/topsecret/images/pagecut.jpg">&nbsp;</td>

 <td width="29" align="right" background="templates/topsecret/images/lsidepage.jpg"><img src="templates/topsecret/images/rpagecut.jpg" width="29" height="20" /></td></tr>

  <tr align="right">

        <td width="29" align="right" background="templates/topsecret/images/rsidepage.jpg">&nbsp;</td>

        <td align="right" class="row5">

        <table width="100%" height="42" border="0" cellpadding="0" cellspacing="0">
 		
  </tr>
	
  <tr>

        <td align="right" class="row5">

        <table width="100%" height="42" border="0" cellpadding="0" cellspacing="0">
 	
  </tr>


  <tr>
<td class="row1"><span class="gensmall" ><a href="http://www.mindshutter.nl/viewforum.php?f=39"><img src="http://www.mindshutter.nl/extra-images/polaroid.gif"></a></span></td>

	<td class="row1"><span class="gensmall" >{fetchpost_row.TEXT}</span></td>
             
  </tr>
		

</table>



<!-- END fetchpost_row -->

	<td valign="top" width="20%">
	<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
	
   <tr>

	<td align="left"><span class="gensmall">
			<!-- BEGIN switch_user_logged_in -->
			<div align="center"><br />{AVATAR_IMG}</div>
			


<br />
		
			<!-- END switch_user_logged_in -->
			
	
	</td>
   
   </tr>

</table>

	  <br />
	
	<!-- BEGIN switch_user_logged_out -->
	
	<form method="post" action="{S_LOGIN_ACTION}">
	
	<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
	
    <tr>
		<td class="row1"><span class="gensmall" style="line-height=150%">
		<input type="hidden" name="redirect" value="{U_PORTAL}" />
		{L_USERNAME}:<br /><input class="text" type="text" name="username" size="15" /><br />
		{L_PASSWORD}:<br /><input class="text" 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}" /><br /><br /><a href="{U_SEND_PASSWORD}">{L_SEND_PASSWORD}</a><br /><br />{L_REGISTER_NEW_ACCOUNT}<br />&nbsp;</span></td>
 
  </tr>
</table>
</form>

	<!-- END switch_user_logged_out -->

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr>
		<td class="catHead" align="center" height="25"><span class="genmed"><b>{L_WHO_IS_ONLINE}</b></span></td>
  </tr>

  <tr>
		<td class="row1" align="center"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}<br /><br /></span><span class="gensmall"><br />{RECORD_USERS}<br /><br />{NEWEST_USER}</span></td>


  </tr>
			<br />
		</td>
	   </tr>
	  </table>
	  </form>



</table>	<td width="29" align="right" background="templates/topsecret/images/lsidepage.jpg"></td>
        
<td align="right" background="templates/topsecret/images/lsidepage.jpg"></td></tr>
</form>

<!-- Start of belstat.nl Counter -->
<script type="text/javascript">
		<!--
		d=document;
		pag="";col="";scr=0;b=navigator.appName;
		scr=screen.width+"*"+screen.height;
		ref=parent==self ? escape(window.document.referrer) : escape(top.document.referrer);
		pag=escape(d.URL);
		if (b != "Netscape") {col=screen.colorDepth}
		else {col=screen.pixelDepth}
		if(col=="undefined"){col="";}
		d.write("<a href=http://www.belstat.nl/viewstat.asp?UserID=mindshutter\&lang=nl target=_blank><img border=0 src=\"http://www.belstat.nl/regstat.aspx?");
		d.write("UserID=mindshutter&BColor=blue&refer=" + ref + "&pag=" + pag + "&b=" + b + "&col=" + col + "&scr=" + scr);
		d.write("\" align=center width=0 height=0 alt=\"Monitored by BelStat - Your Site Counts\"><\/a>");
		// -->
</script>
<!-- End of belstat.nl Counter -->

[DeFrikandellenKoning]

Code: Selecteer alles

<table width="950px" cellspacing="0" cellpadding="0" border="0" align="center">

<td valign="top" width="75%">

<!-- BEGIN fetchpost_row -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
<tr>

<td align="left" background="templates/topsecret/images/pagetop.jpg"><img src="templates/topsecret/images/lcornertop.jpg" width="29" height="36" /></td>

<td width="100%" height="36" background="templates/topsecret/images/pagetop.jpg"></td>

<td align="right" background="templates/topsecret/images/pagetop.jpg"><img src="templates/topsecret/images/rcornertop.jpg" width="29" height="36" /></td>

</tr>

<td height="30" colspan="3" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr align="left">

<td width="29" align="left" valign="bottom" background="templates/topsecret/images/rsidepage.jpg"><img src="templates/topsecret/images/bottomlpagecorner.jpg" width="29" height="36" /></td>

<td width="100%" background="templates/topsecret/images/tab.jpg"></td>

<td width="29" align="right" valign="bottom" background="templates/topsecret/images/rsidepage.jpg"></td>

<td width="29" align="left" valign="bottom" background="templates/topsecret/images/lsidepage.jpg"></td>


<td width="25" align="right" height="100%"><img src="templates/topsecret/images/lcornertab.jpg" width="25" height="36" /></td>

<td align="right" nowrap="nowrap" background="templates/topsecret/images/tab-center.jpg" class="catHead" height="25"><span class="genmed"><b>{L_NAME_WELCOME} {U_NAME_LINK}!</b></span></td>

<td width="25" align="right"><img src="templates/topsecret/images/rcornertab.jpg" width="25" height="36" /></td>

<td width="100%" background="templates/topsecret/images/tab.jpg"></td>

<td width="29" align="left" valign="bottom" background="templates/topsecret/images/lsidepage.jpg"><img src="templates/topsecret/images/bottomrpagecorner.jpg" width="29" height="36"></td>



</tr>

</table>




</tr>


<tr>

<td width="29" align="left" background="templates/topsecret/images/rsidepage.jpg"><img src="templates/topsecret/images/lpagecut.jpg" width="29" height="20" /></td>

<td align="left" background="templates/topsecret/images/pagecut.jpg">&nbsp;</td>

<td width="29" align="right" background="templates/topsecret/images/lsidepage.jpg"><img src="templates/topsecret/images/rpagecut.jpg" width="29" height="20" /></td></tr>

<tr align="right">

<td width="29" align="right" background="templates/topsecret/images/rsidepage.jpg">&nbsp;</td>

[b]<td align="right" class="row5">

<table width="100%" height="42" border="0" cellpadding="0" cellspacing="0">

</tr>

<tr>

<td align="right" class="row5">

<table width="100%" height="42" border="0" cellpadding="0" cellspacing="0">[/b]

</tr>


<tr>
<td class="row1"><span class="gensmall" ><a href="http://www.mindshutter.nl/viewforum.php?f=39"><img src="http://www.mindshutter.nl/extra-images/polaroid.gif"></a></span></td>

<td class="row1"><span class="gensmall" >{fetchpost_row.TEXT}</span></td>

</tr>


</table>



<!-- END fetchpost_row -->

<td valign="top" width="20%">
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">

<tr>

<td align="left"><span class="gensmall">
<!-- BEGIN switch_user_logged_in -->
<div align="center"><br />{AVATAR_IMG}</div>



<br />

<!-- END switch_user_logged_in -->


</td>

</tr>

</table>

<br />

<!-- BEGIN switch_user_logged_out -->

<form method="post" action="{S_LOGIN_ACTION}">

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">

<tr>
<td class="row1"><span class="gensmall" style="line-height=150%">
<input type="hidden" name="redirect" value="{U_PORTAL}" />
{L_USERNAME}:<br /><input class="text" type="text" name="username" size="15" /><br />
{L_PASSWORD}:<br /><input class="text" 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}" /><br /><br /><a href="{U_SEND_PASSWORD}">{L_SEND_PASSWORD}</a><br /><br />{L_REGISTER_NEW_ACCOUNT}<br />&nbsp;</span></td>

</tr>
</table>
</form>

<!-- END switch_user_logged_out -->

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" align="center" height="25"><span class="genmed"><b>{L_WHO_IS_ONLINE}</b></span></td>
</tr>

<tr>
<td class="row1" align="center"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}<br /><br /></span><span class="gensmall"><br />{RECORD_USERS}<br /><br />{NEWEST_USER}</span></td>


</tr>
<br />
</td>
</tr>
</table>
</form>



</table> <td width="29" align="right" background="templates/topsecret/images/lsidepage.jpg"></td>

<td align="right" background="templates/topsecret/images/lsidepage.jpg"></td></tr>
</form>

<!-- Start of belstat.nl Counter -->
<script type="text/javascript">
<!--
d=document;
pag="";col="";scr=0;b=navigator.appName;
scr=screen.width+"*"+screen.height;
ref=parent==self ? escape(window.document.referrer) : escape(top.document.referrer);
pag=escape(d.URL);
if (b != "Netscape") {col=screen.colorDepth}
else {col=screen.pixelDepth}
if(col=="undefined"){col="";}
d.write("<a href=http://www.belstat.nl/viewstat.asp?UserID=mindshutter\&lang=nl target=_blank><img border=0 src=\"http://www.belstat.nl/regstat.aspx?");
d.write("UserID=mindshutter&BColor=blue&refer=" + ref + "&pag=" + pag + "&b=" + b + "&col=" + col + "&scr=" + scr);
d.write("\" align=center width=0 height=0 alt=\"Monitored by BelStat - Your Site Counts\"><\/a>");
// -->
</script>
<!-- End of belstat.nl Counter -->

Als ik zo de code bekijk lijkt het er allemaal goed uit te zien.. misschien omdat sommige codes (zwart dikgedrukt) dubbel staan die volgens mij niets doen verder. Ik ben hier niet zeker van omdat ik nog niet zo héél goed ben in HTML, maar misschien kun jij d'r wat mee

Ik moet wel zeggen dat ik je template er ongelooflijk mooi uit vindt zien.. Chapeau daarvoor!!

//edit:

nu ik wat langer naar de code kijk ben ik van mening dat je niet eens in deze code moet zoeken naar de fout.. uit welke file komt deze code??

[Daan]

* knip

[mindshutter]

@Daan: Aangepast!

@DeFrikandellenKoning: Bedankt voor het compliment! Deze code komt uit de portal body template. Misschien dat het css file meer duidelijkheid oplevert?

Bij deze:

Code: Selecteer alles

a:link {
	color: #b17672;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	font-weight:bold;
	color: b17672;
}
a:hover {
	text-decoration: none;
	font-weight:bold;
	color: c08e8a;
}
a:active {
	text-decoration: none;
	font-weight:bold;
}

body { background-color:#33251f; }

.postbody { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#b17672; }

.copyright { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; }

.mainmenu { font-family:"Courier New", Courier, monospace; font-size:11px; }
a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active { font-family:"Courier New", Courier, monospace; color:#b17672; font-size:11px; }
a.mainmenu:hover {font-family:"Courier New", Courier, monospace; color:#c08e8a; font-size:11px;}
.maintitle { font-size:24px; font-family:"Courier New", Courier, monospace; color:#b17672; font-weight:bold;}

.thHead{ font-size:24px; font-family:"Courier New", Courier, monospace; color:#b17672; font-weight:bold;}
.thSides{ font-size:24px; font-family:"Courier New", Courier, monospace; color:#b17672; font-weight:bold;}

td.row1	{ background-image:url(images/paper.jpg);border-bottom-style:solid; border-bottom-color:#e8d0c7; border-bottom-width:1px; }
.row5 { background-image:url(images/paper.jpg);}
td.row2	{ background-color: #e8dcd1;border-bottom-style:solid; border-bottom-color:#e8d0c7; border-bottom-width:1px; }
td.row3	{ background-color: #e8dcd1;border-bottom-style:solid; border-bottom-color:#e8d0c7; border-bottom-width:1px; }
td.row4	{ background-image:url(images/clipboard.jpg); }

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-family: "Courier New", Courier, monospace; font-size:14px; color:#b17672;
border-top-style:solid; border-top-color:#ed9f8f; border-top-width:1px;
border-bottom-style:solid; border-bottom-color:#ed9f8f; border-bottom-width:1px;
background-image:url(images/paper.jpg);
}

.forumlink{
font-family:"Courier New", Courier, monospace; font-size:15px;}

.topictitle{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #b17672;}

.cattitle {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #b17672;
}

.quote { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#b17672; border-color:#b17672; border-bottom-style:solid; border-width:1px; }

.code { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#b17672; border-color:#b17672; border-bottom-style:solid; border-width:1px; }

hr	{ height: 0px; border: solid #b17672 0px; border-top-width: 1px;}

.gen {
font-size:12px;
font-family:"Courier New", Courier, monospace;
color:#b17672;
}

.genmed {
font-size:12px;
font-family:"Courier New", Courier, monospace;
color:#b17672;
}

.name {
font-size:12px;
font-family:"Courier New", Courier, monospace;
color:#b17672;
}

.nav {
font-size:12px;
font-family:"Courier New", Courier, monospace;
color:#b17672;
}

.forumline { background-image:url(images/paper.jpg);}

.postdetails {
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#b17672;
}
   
.gensmall{
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#b17672;
}

a.gen {color:#fe6e6e;}
a.gen:hover {color:#f09992;}

/* Set Image style */
img, .forumline img {
	border: 0;

select { background-color:#ebe2d9; border-style:solid; border-width:0px; border-color:#ed9f8f; font-family: Verdana, Arial, Helvetica, sans-serif; color:#b17672; }
.button { background-color:#e8dcd1; border-style:solid; border-width:0px; border-color:#ed9f8f; font-family:"Courier New", Courier, monospace; color:#b17672; }

[DeFrikandellenKoning]

Hier zie ik zo ook geen foutjes ofzo in, maar tevens zie ik ook nergens de code die jouw header aanroept. ik denk toch dat je het in de overall_header.tpl moet kunnen vinden want daar roept hij je header aan

[DoubleJ]

ik heb even je index bekeken:
ik ga alles even per pagina langs;

op index.php
in FF doet deze pagina het goed, maar in IE en Opera niet.
Dit komt omdat er een foutje in je html zit.
Ik heb dit stukkie code van de site gehaald, dus je moet zelf in je tpl bestanden even zoeken waar je het neer moet zetten:

>Geregistreerde gebruikers: <a href="profile.php?mode=viewprofile&u=25">GiBphoto</a><br /><br /></span><span class="gensmall"><br />Grootst aantal gebruikers online was <b>8</b> op 1 jan 2007 - 15:41:36.<br /><br />De nieuwste gebruiker is <b><a href="profile.php?mode=viewprofile&u=26">thaasje</a></b>.</span></td>


</tr>
<br />
</td>
</tr>
</table>
</form>



</table> <td width="29" align="right" background="templates/topsecret/images/lsidepage.jpg"></td>

<td align="right" background="templates/topsecret/images/lsidepage.jpg"></td></tr>
</form>
</table><!-- Deze ben je hier vergeten -->
<!-- Start of belstat.nl Counter -->
<script type="text/javascript">
<!--
d=document;
pag="";col="";scr=0;b=navigator.appName;
scr=screen.width+"*"+screen.height;
ref=parent==self ? escape(window.document.referrer) : escape(top.document.referrer);
pag=escape(d.URL);
if (b != "Netscape") {col=screen.colorDepth}
else {col=screen.pixelDepth}
if(col=="undefined"){col="";}
d.write("<a href=http://www.belstat.nl/viewstat.asp?User ... r\&lang=nl target=_blank><img border=0 src=\"http://www.belstat.nl/regstat.aspx?");
d.write("UserID=mindshutter&BColor=blue&refer=" + ref + "&pag=" + pag + "&b=" + b + "&col=" + col + "&scr=" + scr);
d.write("\" align=center width=0 height=0 alt=\"Monitored by BelStat - Your Site Counts\"><\/a>");
// -->
</script>
<!-- End of belstat.nl Counter -->






<!--<link href="topsecret.css" rel="stylesheet" type="text/css" /> Dit hoort hier niet te staan, maar hoort in je <head> tags -->
<table class="row4" width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="21" align="center" background="templates/topsecret/images/bottomfolder.jpg">&nbsp;</td>
</tr>
<tr>
<td align="center"><span class="copyright"><br />
<!--
We request you retain the full copyright notice below including the link to http://www.phpbb.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
reason) retain the full copyright we request you at least leave in place the
Powered by phpBB line, with phpBB linked to http://www.phpbb.com. If you refuse
to include even this then support on our forums may be affected.

The phpBB Group : 2002
// -->

Op alle op deze site getoonde foto's berust een copyright van de fotograaf. <br />
De foto's mogen niet gebruikt worden zonder toestemming van de maker.<br /><br />
Powered by <a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a> &copy; 2001, 2005 phpBB Group
<br />
</span>
</div></td>
</tr>
</table>
</body>
</html>

Dan nu verder met je index_body.tpl
Ten eerste staat gelijk boven aan dit bestand weer een <link> definitie. Deze hoort daar niet thuis. Plaats deze dus terug naar je overall_header tussen de <head> tags in.

Dan kom ik het volgende stukje code tegen:

<tr>
<!-- BEGIN forumrow -->
<td width="100%" class="row1"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
<span class="gen">{catrow.forumrow.FORUM_DESC}<br />
{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
<td width="50" align="center" nowrap class="row2"><span class="gen">{catrow.forumrow.TOPICS}</span></td>
<td width="50" align="center" nowrap class="row2"><span class="gen">{catrow.forumrow.POSTS}</span></td>
<td align="center" nowrap class="row2"><span class="gen">{catrow.forumrow.LAST_POST}</span></td>
</tr>

<!-- END forumrow -->

Let hierbji op het rood gemarkeerde. die 2 regels moeten omgedraaid anders definieer je maar 1 maal een nieuwe tabel regel ipv bij elke forumrow.

Verder kan ik zo gauw niet zien waardoor de ruimte ontstaat, maar het wordt waarschijnlijk iets soortgelijks veroorzaakt als op je index.php.

Probeer eens om te kijken waar je een <table> start en waar je hem weer afsluit (</table>)
waarschijnlijk heb je op de index, of 1 keer teveel of 1 keer te weinig een <table> gesloten.

[mindshutter]

Oké, ik ga er even naar kijken. Bedankt voor je antwoord!