Anzeige im IE anders als FF Browser

[big-rudi]

Hallo und einen schönen guten Abend.

Folgendes Problem habe ich gerade festgestellt. Während die Seiten des Forum im FireFox sauber dargestellt werden zeigt sich beim Aufruf mit dem IE folgendes Problem. Die Tabelle oberhalb des Banner hat nicht die richtige Breite. (ist am Ende zu erkennen)

[ externes Bild ]

Die entsprechende overall_header.tpl sieht so aus:

Code: Alles auswählen

<a name="top"></a>
<table width="782" cellpadding="0" cellspacing="0" border="0" align="center">
  <tr> 
	<td width="10" nowrap="nowrap" class="lefttd"></td>
	<td width="740">
		<table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
			<tr> 
				<!-- BEGIN switch_user_logged_out -->
				<td class="row2" width="100%" align="center">
				<form method="post" action="{S_LOGIN_ACTION}">
				<img src="templates/iCGstation/images/login_logo.gif" border="0" alt="{L_LOGIN}" align="absmiddle" /><img src="templates/iCGstation/images/username.gif" border="0" alt="{L_USERNAME}" align="absmiddle" /><input type="text" name="username" size="10" /><img src="templates/iCGstation/images/password.gif" border="0" alt="{L_PASSWORD}" align="absmiddle" /><input type="password" name="password" size="10" maxlength="32" /><br />{L_AUTO_LOGIN} <input class="text" type="checkbox" name="autologin" />&nbsp;&nbsp;&nbsp;<input type="hidden" name="submit" value="{L_LOGIN}"><input type="hidden" name="login" value="{L_LOGIN}"><input type="submit" name="login" value="{L_LOGIN}"/></td>
				</form></td>
				<td class="row2" width="150" nowrap="nowrap" align="center"><img src="templates/iCGstation/images/icon/icon_register.gif" border="0" alt="{L_REGISTER}" align="absmiddle" /><br /><a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a></td>
				
					<!-- BEGIN Shownickpagebutton -->
					<img src="templates/nickpage/nickpage_button_small.gif" hspace="3"><a href="{Shownickpagebutton.U_NICKPAGE}" class="mainmenu">Nickpage</a>&nbsp; &nbsp; 
					<!-- END Shownickpagebutton -->				
				
				<!-- END switch_user_logged_out -->
				<!-- BEGIN switch_user_logged_in -->
				<td class="row2" width="15%" align="center"><img src="templates/iCGstation/images/icon/icon_faq.gif" border="0" alt="{L_FAQ}" align="absmiddle" /><br /><a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></td>
				<td class="row2" width="15%" align="center"><img src="templates/iCGstation/images/icon/icon_search.gif" border="0" alt="{L_SEARCH}" align="absmiddle" /><br /><a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a></td>
				<td class="row2" width="15%" align="center"><img src="templates/iCGstation/images/icon/icon_memberlist.gif" border="0" alt="{L_MEMBERLIST}" align="absmiddle" /><br /><a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a></td>
				<td class="row2" width="15%" align="center"><img src="templates/iCGstation/images/icon/icon_group.gif" border="0" alt="{L_USERGROUPS}" align="absmiddle" /><br /><a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a></td>
				<td class="row2" width="15%" align="center"><img src="templates/iCGstation/images/icon/icon_profile.gif" border="0" alt="{L_PROFILE}" align="absmiddle" /><br /><a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a></td>
				<td class="row2" width="150" nowrap="nowrap" align="center"><img src="templates/iCGstation/images/icon/icon_login.gif" border="0" alt="{L_LOGIN_LOGOUT}" align="absmiddle" /><br /><a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a></td>
				<!-- Begin Map Mod -->
				<td class="row2" width="15%" align="center"><img src="templates/iCGstation/images/icon_mini_map.gif" border="0 alt="{L_USER_MAP}" align="absmiddle" /><br /><a href="{U_USER_MAP}" class="mainmenu">{L_USER_MAP}</a></td>
				<td class="row2" width="15%" align="center"><img src="templates/iCGstation/images/icon_mini_calendar.gif" border="0 alt="{L_CALENDAR}" align="absmiddle" /><br /><a href="{U_CALENDAR}" class="mainmenu">Kalender</a></td>

				<!-- End Map Mod -->
				<!-- END switch_user_logged_in -->
				

				<td class="row2" width="150" nowrap="nowrap" align="center"><img src="templates/iCGstation/images/icon/icon_pm.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" align="absmiddle" /><br /><a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a></td>
			</tr>
		</table>
		<table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td width="100%" valign="middle"><a href="http://www.bewerbungs-tips.de"><img src="templates/iCGstation/images/banner.jpg" border="0" /></a></td>
			</tr>
			<tr> 
				<td width="100%" class="navpic">&nbsp;&nbsp;<span class="maintitle">{SITENAME}</span><span class="maintitle">&nbsp;-&nbsp;{SITE_DESCRIPTION}</span></td>
			</tr>
		</table>
		<table width="100%" cellspacing="10" cellpadding="0" border="0">
			<tr>
				<td align="center" width="100%" valign="middle">

Wie gesagt - Im FireFox ist die oberste Tabelle genau so breit wie das Banner und der Rest der Seite. Nur im Internet Explorer wird sie so angezeigt wie im Screenshot.

Danke für Eure Hilfe

Gruß

Rüdiger

[easygo]

Hi! Das Banner ist wie breit? Was passiert, wenn du den Wert änderst?

Code: Alles auswählen

<td width="740">

Schon mal auf 100% gesetzt? Absolute Werte sind manchmal problematisch.


Btw: Der Code wird an der Stelle (also im switch_user_logged_out)
nicht funktionieren und macht dort auch keinen Sinn -->

Code: Alles auswählen

               <!-- BEGIN Shownickpagebutton --> 
               <img src="templates/nickpage/nickpage_button_small.gif" hspace="3"><a href="{Shownickpagebutton.U_NICKPAGE}" class="mainmenu">Nickpage</a>&nbsp; &nbsp; 
               <!-- END Shownickpagebutton -->

[big-rudi]

Dein Tip hat mich auf die richtige Lösung gebracht. Manchmal ist man aber auch blind. Einfach den Wert

<a name="top"></a>
<table width="782" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td width="10" nowrap="nowrap" class="lefttd"></td>
<td width="740">

von 740 auf 782 (Seitenbreite) geändert und schon ist alles perfekt.

Gruß

Rüdiger

[BraveEagle]

machs besser auf 100%. Nicht jeder hat die Auflösung wie du