Problems with tables being stretched in IE6/7

This is an archive of the phpBB 2.0.x support forum. Support for phpBB2 has now ended.
Forum rules
Following phpBB2's EoL, this forum is now archived for reference purposes only.
Please see the following announcement for more information: viewtopic.php?f=14&t=1385785
Locked
baerenwurm
Registered User
Posts: 131
Joined: Wed Nov 06, 2002 2:38 pm
Location: Germany

Problems with tables being stretched in IE6/7

Post by baerenwurm » Mon Jul 21, 2008 3:23 am

Hi.

Although the main table (width=780px) in viewtopic_body.tpl should be capable of handling 728x90 banners within postings (using the Inline Banner Ad Mod I've recently installed) the Internet Explorer breaks my design on almost every page. The problem does not occur with Firefox.

For instance, design is broken on this page; on the second page of the same topic, strangely enough, it is not.

My viewtopic_body.tpl:

Code: Select all

(...)
	<tr> 
		<td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="navblack"><a href="#top" class="navblack">{L_BACK_TO_TOP}</a></span></td>
		<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
			<tr> 
				<td valign="middle" nowrap="nowrap">{postrow.POSTER_ONLINE_STATUS_IMG}{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.DVDPROFILER_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!-- 

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
				
				//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
			</tr>
		</table></td>
	</tr>
	<tr> 
		<td class="spaceRow" colspan="2" height="1"><img src="templates/70sGreen/images/spacer.gif" alt="" width="1" height="1" /></td>
	</tr>
	<!-- BEGIN switch_ad_style2 -->
	<tr>
		<td colspan="2" class="inlinead">{postrow.INLINE_AD}</td>
	</tr>
	<tr> 
		<td class="spaceRow" colspan="2" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td>
	</tr>
	<!-- END switch_ad_style2 -->
	<!-- END postrow -->
	<tr align="center">
(...)
Complete code of viewtopic_body.tpl

Any ideas? :(

baerenwurm
Registered User
Posts: 131
Joined: Wed Nov 06, 2002 2:38 pm
Location: Germany

Re: Problems with tables being stretched in IE6/7

Post by baerenwurm » Mon Jul 21, 2008 5:47 am

K, I solved it by changing this:

Code: Select all

	<!-- BEGIN switch_ad_style2 -->
	<tr>
		<td colspan="2" class="inlinead">{postrow.INLINE_AD}</td>
	</tr>
	<tr> 
		<td class="spaceRow" colspan="2" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td>
	</tr>
	<!-- END switch_ad_style2 -->
to this:

Code: Select all

	<!-- BEGIN switch_ad_style2 -->
	<tr>
		<td colspan="2" class="inlinead">
<table width="100%" border="0" style="table-layout:fixed">
            <tr>
              <td align="center">{postrow.INLINE_AD}</td>
            </tr>
          </table>
		</td>
	</tr>
	<tr> 
		<td class="spaceRow" colspan="2" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td>
	</tr>
	<!-- END switch_ad_style2 -->
Is there any smarter solution? ;)

Locked

Return to “2.0.x Support Forum”