Teaser in IE zu breit, in Firefox korrekt
Posted: Sun 24. Jun 2007, 16:18
Habe im rechten Contentbereich Teaser vorgesehen. Im Seitenlayout ist der rechte Seitenbereich 200px breit. Die werden auch in allen Menüpunkten eingehalten, bis auf den, der rechts das Teasertemplate von mir verwendet. Habe schon doppelt gemoppelt und die Breite nicht nur mit div, sondern auch mit Tabelle auf 190px begrenzt.
Das Ergebnis ist im Firefox so wie ich es möchte, in den IEs wird der Teaser in 190px abgebildet und daneben wird der Bereich um ca. 100px verbreitert (ohne Inhalt).
Zu sehen unter http://www.cityma.de/cms/index.php?L3
Hier mein Quellcode des Teasertemplates:
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="190"><!--TEASER_HEAD_START//-->
<div style="margin:15px 0 15px 0;background-color:#F5F5F5;padding:7px;width:190px">
<!--TEASER_HEAD_END//--><!--TEASER_ENTRY_START//-->
<div>
<h3><a href="{ARTICLELINK}">{TITLE} »</a></h3>
[IMAGE]<div style="float:left; margin:2px 5px 2px 0">
{IMAGE}[CAPTION]<p>{CAPTION}</p>[/CAPTION]</div>
[/IMAGE]
<p>[SUBTITLE] <b>{SUBTITLE}</b>[/SUBTITLE]<br>
{SUMMARY} <a href="{ARTICLELINK}">mehr »</a></p>
</div>
<!--TEASER_ENTRY_END//--><!--TEASER_SPACER_START//-->
<hr style="margin:7px 0 7px 0;padding:0;height:0;border:0;border-bottom:1px dotted #CCCCCC;clear:both" />
<!--TEASER_SPACER_END//--><!--TEASER_FOOTER_START//--></div>
<!--TEASER_FOOTER_END//--></td>
</tr>
</table>
Das Ergebnis ist im Firefox so wie ich es möchte, in den IEs wird der Teaser in 190px abgebildet und daneben wird der Bereich um ca. 100px verbreitert (ohne Inhalt).
Zu sehen unter http://www.cityma.de/cms/index.php?L3
Hier mein Quellcode des Teasertemplates:
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="190"><!--TEASER_HEAD_START//-->
<div style="margin:15px 0 15px 0;background-color:#F5F5F5;padding:7px;width:190px">
<!--TEASER_HEAD_END//--><!--TEASER_ENTRY_START//-->
<div>
<h3><a href="{ARTICLELINK}">{TITLE} »</a></h3>
[IMAGE]<div style="float:left; margin:2px 5px 2px 0">
{IMAGE}[CAPTION]<p>{CAPTION}</p>[/CAPTION]</div>
[/IMAGE]
<p>[SUBTITLE] <b>{SUBTITLE}</b>[/SUBTITLE]<br>
{SUMMARY} <a href="{ARTICLELINK}">mehr »</a></p>
</div>
<!--TEASER_ENTRY_END//--><!--TEASER_SPACER_START//-->
<hr style="margin:7px 0 7px 0;padding:0;height:0;border:0;border-bottom:1px dotted #CCCCCC;clear:both" />
<!--TEASER_SPACER_END//--><!--TEASER_FOOTER_START//--></div>
<!--TEASER_FOOTER_END//--></td>
</tr>
</table>