Hallo,
ich hab mir ein einfaches Tabellen Layout gebaut. In jeder Zelle sollen unterschiedliche Hintergrundbilder auftauchen. Geht auch alles soweit, wenn ich: <table width="100%" border="0" cellpadding="1" cellspacing="0"> schreibe. Wenn ich das cellpadding auf "0" setzte, dann wiederholt er mir im FF die linken Bilder nach rechts. Wenn ich das repeat ausschalte, dann erscheinen nur in den linken Zellen die Hintergrundbilder. Derweil wird im IE alles korrekt angezeigt... und wenn ich die cellpadding="1" belasse, kann ich mein Layout nicht verwirklichen.
Wo liegt der Fehler
Klar könnt ich das ganze auch mit CSS lösen, jedoch brauch ich die Tabelle, da es ein Template werden soll für Joomla und da gehen bis jetzt nur Tabellen.
Unten hänge ich mal den ganzen Code dran.
Gruß
Christian
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Test Layout</title>
<style type="text/css"></style>
</head>
<body style="margin: 0px; background-color:#28b109;">
<table width="100%" border="0" cellpadding="1" cellspacing="0">
<tbody>
<tr>
<td colspan="2" rowspan="1" style="text-align: left; vertical-align: top; width: 150px; height: 150px; background-image: url(oben.jpg);"></td>
</tr>
<tr>
<td width="150px" style="background-image:url(links.jpg);"></td>
<td height="350px" style="background-image: url(mitte.jpg);"></td>
</tr>
<tr>
<td width="150" height="88" style="background-image: url(unten-l.jpg);"></td>
<td height="88" style="background-image: url(unten-r.jpg);"></td>
</tr>
</tbody>
</table>
</body>
</html>
Alles anzeigen