nicht angemeldet
Hallo Gemeinde,
ich habe das Vergnügen, zu den guten alten HTML Tabellen zurückzukehren für einen Newsletter. Nun teste ich das ganze erstmal in den verschiedenen Browsern. Der Firefox verzeiht einem ja (fast) alles, aber Safari, Chrome und Opera wollen nicht mitmachen. IE kann ich wegen Mac gerade noch nicht testen. Irgendwas verschiebt da meine Tabelle und ich sehe einfach nicht was.
Ich wäre dankbar für jeden Hinweis.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Newsletter</title>
</head>
<body style="margin:0">
<table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#E1E1E1" align="center" style="border-collapse:collapse">
<tr>
<td>
<table width="608" cellpadding="0" cellspacing="0" border="0" align="center" style="border-collapse:collapse">
<!-- Link Anzeige -->
<tr>
<td colspan="8" width="608" height="20" align="center">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal;">Wird der Newsletter nicht korrekt angezeigt? Klicken Sie bitte <a href="http://xxx/wd_newsletter.html" style="color:#000000"><span style="color:#000000">hier</span></a>.</span></td>
</tr>
<!-- Head Logo -->
<tr>
<td colspan="8" width="608" height="109"><a href="http://www.xxx.com"><img src="http://xxx/newsletter/Bilder/wd_logo.gif" width="608" height="109" border="0" alt="xxx Logo" style="display:block; margin:0; padding:0""></a></td>
</tr>
<!-- Head Navi -->
<tr>
<td rowspan="2" width="8" height="44"><img src="http://xxx/newsletter/Bilder/wd_navi_left.gif" width="8" height="44" border="0" alt="menubar left" style="display:block; margin:0; padding:0""></td>
<td width="77" height="24"><a href="http://xxx/de/xxx.html"><img src="Bilder/wd_navi_1.gif" width="77" height="24" border="0" alt="xxx" style="display:block; margin:0; padding:0"></a></td>
<td width="140" align="center"><a href="http://xxx/de/xxx.html"><img src="Bilder/wd_navi_2.gif" width="140" height="24" border="0" alt="xxx" style="display:block; margin:0; padding:0""></a></td>
<td width="92" align="center"><a href="http://xxx/de/xxx.html"><img src="Bilder/wd_navi_3.gif" width="92" height="24" border="0" alt="xxx" style="display:block; margin:0; padding:0""></a></td>
<td width="77" align="center"><a href="http://xxx/de/top-seller.html"><img src="Bilder/wd_navi_4.gif" width="77" height="24" border="0" alt="Topseller" style="display:block; margin:0; padding:0""></a></td>
<td width="108" align="center"><a href="http://xxx/de/sonderaktionen.html"><img src="Bilder/wd_navi_5.gif" width="108" height="24" border="0" alt="Sonderaktionen" style="display:block; margin:0; padding:0""></a></td>
<td width="98" align="center"><a href="http://xxx/de/alle-produkte.html"><img src="Bilder/wd_navi_6.gif" width="98" height="24" border="0" alt="Alle Produkte" style="display:block; margin:0; padding:0""></a></td>
<td rowspan="2" align="left" width="8" height="44"><img src="http://xxx/newsletter/Bilder/wd_navi_right.gif" width="8" height="44" border="0" alt="td right" style="display:block; margin:0; padding:0""></td>
</tr>
<tr>
<td colspan="6" width="592" height="20"><img src="http://xxx/newsletter/Bilder/wd_navi_head.gif" width="592" height="20" border="0" alt="Blanko" style="display:block; margin:0; padding:0""></td>
</tr>
<tr>
<td rowspan="3" width="8"><img src="http://xxx/newsletter/Bilder/wd_table_left.gif" width="8" height="1140" border="0" alt="Seitenbereich links" style="display:block; margin:0; padding:0""></td>
<td colspan="6" width="592">
<!-- Content -->
<table width="592" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF" style="border-collapse:collapse">
<!-- Header -->
<tr>
<td colspan="12" width="592" height="240"><img src="http://xxx/newsletter/Bilder/wd_head.jpg" width="592" height="240" border="0" alt="20% auf alle xxx" style="display:block; margin:0; padding:0""></td>
</tr>
<!-- Subheader -->
<tr>
<td colspan="3" width="150" height="150"><img src="http://xxx/newsletter/Bilder/wd_subheader_1.jpg" width="150" height="150" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
<td colspan="3" width="144" height="150"><img src="http://xxx/newsletter/Bilder/wd_subheader_2.jpg" width="144" height="150" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
<td colspan="3" width="144" height="150"><img src="http://xxx/newsletter/Bilder/wd_subheader_3.jpg" width="144" height="150" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
<td colspan="3" width="150" height="150"><img src="http://xxx/newsletter/Bilder/wd_subheader_4.jpg" width="150" height="150" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
</tr>
<!-- labeling -->
<tr style="background-image:url(http://xxx/newsletter/Bilder/wd_bg_labeling.gif); background-repeat:no-repeat">
<td colspan="3" width="151" height="20" align="center" valign="bottom"><a href="http://xxx/de/sonderaktionen.html" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
<td colspan="3" width="145" height="20" align="center" valign="bottom"><a href="http://xxx/de/sonderaktionen.html" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
<td colspan="3" width="145" height="20" align="center" valign="bottom"><a href="http://xxx/de/sonderaktionen.html" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
<td colspan="3" width="151" height="20" align="center" valign="bottom"><a href="http://xxx/de/sonderaktionen.html" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
</tr>
<!-- more offer -->
<tr>
<td colspan="12" width="592" height="38"><img src="http://xxx/newsletter/Bilder/wd_more_offer_over.gif" width="592" height="38" border="0" alt="Blanko" style="display:block; margin:0; padding:0""></td>
</tr>
<tr>
<td colspan="12" width="592" height="60" align="center" valign="middle" style="color:#000000; font-size:24px; font-family:Arial, Helvetica, sans-serif; background-image:url(http://xxx/newsletter/Bilder/wd_more_offer.gif); background-repeat:no-repeat">WEITERE ANGEBOTE</td>
</tr>
<tr>
<td colspan="6" width="295" height="240"><img src="http://xxx/newsletter/Bilder/wd_more_1.jpg" width="295" height="240" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
<td colspan="6" width="295" height="240"><img src="http://xxx/newsletter/Bilder/wd_more_2.jpg" width="295" height="240" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
</tr>
<!-- labeling -->
<tr style="background-image:url(http://xxx/newsletter/Bilder/wd_bg_labeling.gif); background-repeat:no-repeat">
<td colspan="6" width="296" height="20" align="center" valign="bottom"><a href="http://xxx/" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
<td colspan="6" width="296" height="20" align="center" valign="bottom"><a href="http://xxx/" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
</tr>
<!-- most popular -->
<tr>
<td colspan="12" width="592" height="38"><img src="http://xxx/newsletter/Bilder/wd_more_offer_over.gif" width="592" height="38" border="0" alt="Blanko" style="display:block; margin:0; padding:0""></td>
</tr>
<tr>
<td colspan="12" width="592" height="60" align="center" valign="middle" style="color:#000000; font-size:24px; font-family:Arial, Helvetica, sans-serif; background-image:url(http://xxx/newsletter/Bilder/wd_more_offer.gif); background-repeat:no-repeat">AM BELIEBTESTEN</td>
</tr>
<tr>
<td colspan="4" width="200" height="141"><img src="http://xxx/newsletter/Bilder/wd_popular_1.jpg" width="200" height="141" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
<td colspan="4" width="189" height="141"><img src="http://xxx/newsletter/Bilder/wd_popular_2.jpg" width="189" height="141" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
<td colspan="4" width="200" height="141"><img src="http://xxx/newsletter/Bilder/wd_popular_3.jpg" width="200" height="141" border="0" alt="xxx" style="display:block; margin:0; padding:0""></td>
</tr>
<!-- labeling -->
<tr style="background-image:url(http://xxx/newsletter/Bilder/wd_bg_labeling.gif); background-repeat:no-repeat">
<td colspan="4" width="201" height="20" align="center" valign="bottom"><a href="http://xxx/de/top-seller.html" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
<td colspan="4" width="190" height="20" align="center" valign="bottom"><a href="http://xxx/de/top-seller.html" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
<td colspan="4" width="201" height="20" align="center" valign="bottom"><a href="http://xxx/de/top-seller.html" style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif"><span style="color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif">xxx</span></a></td>
</tr>
<tr>
<td colspan="12" width="592" height="34"><img src="http://xxx/newsletter/Bilder/wd_bg_foot.gif" width="592" height="34" border="0" alt="Inhaltsbereich Ende" style="display:block; margin:0; padding:0""></td>
</tr>
</table>
</td>
<td rowspan="3" width="8"><img src="http://xxx/newsletter/Bilder/wd_table_right.gif" width="8" height="1140" border="0" alt="Seitenbereich rechts" style="display:block; margin:0; padding:0""></td>
</tr>
<!-- Footer -->
</table>
</td>
</tr>
</table>
</body>
</html>