Table wird "willkürlich" verschoben

SinTao · Beitrag von **SinTao** » 22.07.2006 15:16

Aloha zusammen,

ich hätte da mal ein kleines Problem mit dem IE anzubieten (mit was auch sonst? :|)

Ich habe in meinem Forum die Tabellenstruktur der Hauptseite (index_body.tpl) komplett neu aufgebaut, und im FF wird mir auch alles richtig angezeigt, aber im IE eben nicht.

Interessant ist es, das es im Grunde genu zwei Tabellen sind, die offenbar genau im Zentrum des Forum liegen. Ich bin mittlerweile wirklich irritiert, da ich mir nicht erklären kann wodurch dieser Fehler verursacht wird, zudem es im FF komplett, und auch im IE ansonsten richtig angezeigt wird.

Zunächst einmal der Link zum Forum:

Link zur Index

Im IE werden dann die Foren: Lager und Landeplatz nicht zentriert, wie eigentlich definiert, sondern nach links an die äussere Kante verschoben. Mittlerweile habe ich sogut wie jedwede Variable durch, und letztendlich mache ich den Code mehr als unlesbar, zumal irgendwie nichts hilft. Auch das Löschen, bzw verschieben bringt nichts, selbst der Kategorie nicht. Es passiert immer genau an dieser Stelle...

Jemand ne Idee? Ich nicht mehr... :<

Hier mal der Code:

Code: Alles auswählen

         <table width="828" border="0" align="center" cellpadding="0" cellspacing="0">
           <tr>
             <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                   <td width="828" height="31" style="background-image:url(templates/icicle/images/kathead.jpg);"><div style="padding-top:5px; padding-left:50px; color:#71614a;">Die 5 letzten Gespräche</div></td>
                 </tr>
             </table></td>
           </tr>
           <tr>
             <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                 <tr>
                   <td width="828" height="4" style="background-image:url(templates/icicle/images/katmid.jpg);"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                       </tr>
                   </table></td>
                 </tr>
             </table></td>
           </tr>
           <tr>
             <td><table width="100%"  border="0" cellpadding="0" cellspacing="0">
                 <tr>
                   <td width="828" height="4" style="background-image:url(templates/icicle/images/katmid.jpg);"><table align="center" width="90%" border="0" cellpadding="0" cellspacing="1">
  <!-- BEGIN recent -->
                       <tr>
                         <td style="border-color:#948776; border-width:1px; border-style:solid;" width="7%" height="25" valign="middle" align="center"><img src="{recent.TOPIC_FOLDER_IMG}" alt="{recent.TOPIC_FOLDER_ALT}" title="{recent.TOPIC_FOLDER_ALT}" height="17" width="18"></td>
                         <td style="border-color:#948776; border-width:1px; border-style:solid;" width="15%" valign="middle" align="center"><div style="text-decoration:none;"><a href="{recent.U_VIEW_FORUM}">{recent.FORUM_NAME}</a></div></td>
                         <td style="border-color:#948776; border-width:1px; border-style:solid;" width="58%" valign="middle" align="center">{recent.TOPIC_TYPE}<a href="{recent.U_VIEW_TOPIC}" class="topictitle">{recent.TOPIC_TITLE}</a> - <i>{recent.LAST_AUTHOR}</i> {recent.LAST_TIME}</td>
                         <td style="border-color:#948776; border-width:1px; border-style:solid;" width="20%" valign="middle" align="center">{recent.L_REPLIES}: {recent.REPLIES}<br />&nbsp;{recent.L_VIEWS}: {recent.VIEWS}</td>
                       </tr>
  <!-- END recent -->					   
                   </table></td>
                 </tr>
             </table></td>
           </tr>
           <tr>
             <td align="center"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                 <tr>
                   <td  width="828" height="31" align="center" style="background-image:url(templates/icicle/images/katfoot.jpg);">&nbsp;</td>
                 </tr>
             </table></td>
           </tr>
         </table>
		 
<!-- BEGIN catrow -->		 
         <table width="828" border="0" align="center" cellpadding="0" cellspacing="0">
           <tr>
             <td align="center"><table width="828" border="0" cellspacing="0" cellpadding="0" align="center">
               <tr>
                 <td width="828" height="31" style="background-image:url(templates/icicle/images/kathead.jpg); background-position:center;"><div style="padding-top:px; padding-left:50px;">- <a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a> -</div></td>
               </tr>
             </table></td>
           </tr>
<!-- BEGIN forumrow -->		   
           <tr>
             <td align="center" valign="top">
			 <table align="center" width="828"  border="0" cellpadding="0" cellspacing="0">
               <tr>
                 <td width="828" height="4" align="center" valign="top" style="background-image:url(templates/icicle/images/katmid.jpg); background-position:center; background-repeat:repeat-y;">
				   <table align="center" width="746" border="0" cellpadding="0" cellspacing="1">
				  <tr valign="top">
                     <td valign="middle" align="center" style="border-color:#948776; border-width:1px; border-style:solid;" width="7%"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" height="17" width="18"></td>
                     <td valign="middle" align="center" style="border-color:#948776; border-width:1px; border-style:solid;" width="15%"><font color="#000000"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></font></td>
					 <td valign="middle" align="center" style="border-color:#948776; border-width:1px; border-style:solid;" width="58%">{catrow.forumrow.FORUM_DESC}</td>
                     <td valign="middle" align="center" style="border-color:#948776; border-width:1px; border-style:solid;" width="20%"><i>{catrow.forumrow.POSTS}</i> Posts in <i>{catrow.forumrow.TOPICS}</i><b> </b>Threads</td>
                   </tr>
                 </table></td>
               </tr>
<!-- END forumrow -->	
             </table>
             </td>
           </tr>
           <tr>
             <td align="center" valign="top"><table width="828"  border="0" align="center" cellpadding="0" cellspacing="0">
               <tr>
                 <td width="828" height="31" align="center" valign="top" style="background-image:url(templates/icicle/images/katfoot.jpg); background-position:center">&nbsp;</td>
               </tr>
             </table></td>
           </tr>
         </table>
<!-- END catrow -->  
       
<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr> 
    <td width="20" align="center"><img src="templates/icicle/images/posticon_normal_new.gif" alt="{L_NEW_POSTS}"/></td>
    <td><span class="smalltext">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="templates/icicle/images/posticon_normal.gif" alt="{L_NO_NEW_POSTS}"></td>
    <td><span class="smalltext">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="templates/icicle/images/posticon_normal_locked.gif" alt="{L_FORUM_LOCKED}"></td>
    <td><span class="smalltext">A Closed Forum</span></td>
  </tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">
	<!-- BEGIN colors -->
	<b>{colors.GROUPS}</b>
	<!-- END colors -->
	</td>
  </tr>
</table>
<p><br>
</p>

Oder hier, die wahrscheinlich übersichtlichere index_body.tpl.

Download

Vielen Dank für eure Hilfe!!

Beste Grüsse vom,

SinTao

FatFreddy · Beitrag von **FatFreddy** » 22.07.2006 17:29

Nicht verwunderlich, daß die Anzeige zerwürfelt ist.

Bezogen auf den kompletten Code, inkl, header und Footer sind die Tagpaarungen nicht korrekt.

Schau dir mal deine overall_header.tpl an.

In der ersten Tabelle nach dem Body-tag (Zeile 27) erscheint der erste Fehler. Es fehlt ein </td> und am Ende schließt Du nicht geöffnete Tags

Code: Alles auswählen

<table width="980"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td style="background-image:url(templates/icicle/images/banner.jpg);" width="980" height="186">
    	<div style="padding-right:60px; padding-top:130px; text-align:right;"><a href="{U_INDEX}" class="smalllink">Lounge Eingang</a></div>
  </tr>
</table>
</td>
</tr>
</table>

Weite unten (Zeile 78) erscheint dann wilde Schachtelung:

Code: Alles auswählen

</table>
<tr>
<table width="980" border="0" cellspacing="0" cellpadding="0" align="center">
    <td valign="top" style="background-image:url(templates/icicle/images/midline.jpg); background-position:center;" width="980" height="4"></td>
</tr>

Genauer zu schauen war mir jetzt zu mühsam.

Räum den Header mal auf, dann klappts vermutlich auch mit dem IE.

FatFreddy

Beitrag von **Banger** » 22.07.2006 17:45

Hi SinTao,
ohne jetzt durch Deinen Code gewühlt zu haben - die HTML Validator Extension für den Firefox ist für solche Anlegenheiten sehr nützlich - der zeigt dir dann im Quellcode, wo Du z.B etwas falsch verschachtelt hast.

SinTao · Beitrag von **SinTao** » 22.07.2006 19:19

[EDIT :

So, ich habe dann doch die Index_body.tpl nochmal komplett neu aufgebaut, und nachdem ich die Tabellen kontrolliert, und systhematisch eingeteilt habe, funktioniert das Ganze nun auch. Weiss der Geier was ich da verbockt hatte!

Ich danke aber nochmal für eure Hilfe!

Ich wünsche weiterhin noch ein schönes Wochenende,

SinTao