Zerschossene Tabelle im Firefox
pfauli
- html
Hallo Zusammen
Ich schreibe meine erste Frage hier, insofern bitte ich um Nachsicht, falls ich etwas falsch machen sollte, danke.
Ich habe ein Problem.
Und zwar habe ich eine Webseite: http://www.pfauli.de
Wenn ich im Internet Explorer diese öffne, erscheint meine Tabelle, bzw. das von Image Ready erstelle Tabellen Layout so, wie es sein soll.
Wenn ich die Seite mit dem Firefox öffne, wird diese "zerschossen". Ich bin mit der Seite jetzt über drei Jahre online, habe nur das animierte Gif als Bild, nicht in Form oder Größe mal geändert und seitdem ist die Tabelle "defekt" - leider bin ich mit meinem autodidaktischen Latein am Ende, was das für ein Fehler sein könnte, daher meine Hilfefrage an dieses Forum. Weiß jemand von Euch, was in meinem Quelltext die Tabelle derart kaputt macht?
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 id="table4">
<!-- MSTableType="layout" -->
<TR>
<TD COLSPAN=3>
<p align="center">
<IMG SRC="index_pics/logo_a_01.gif" WIDTH=300 HEIGHT=70 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<p align="center">
<IMG SRC="index_pics/logo_a_02.gif" WIDTH=80 HEIGHT=155 ALT=""></TD>
<td align="center" height="70" width="140">
<a onmouseover="Animation('Bild0', 'index_pics/logo_a_03_4.gif')" onmouseout="Animation('Bild0', 'index_pics/logo_a_03.gif')" target="_top" href="pfauli_v3.0/index.htm">
<img src="index_pics/logo_a_03.gif" border="0" width="140" height="70" name="Bild0" id="Bild0" alt=""></a></td>
<TD ROWSPAN=2>
<p align="center">
<IMG SRC="index_pics/logo_a_04.gif" WIDTH=80 HEIGHT=155 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="index_pics/logo_a_05.gif" WIDTH=140 HEIGHT=85 ALT=""></TD>
</TR>
</TABLE>
Hi!
Wenn ich die Seite mit dem Firefox öffne, wird diese "zerschossen".
Das ist ein Fall für: AI!
off:PP
<table border="0" cellpadding="0" cellspacing="0" id="table4">
<!-- MSTableType="layout" -->
<tr>
<td colspan="3">
<p align="center"><img src="index_pics/logo_a_01.gif" width="300" height="70" alt=""></p>
</td>
</tr>
<tr>
<td rowspan="2">
<p align="center"><img src="index_pics/logo_a_02.gif" width="80" height="155" alt=""></p>
</td>
<td align="center" height="70" width="140">
<a onmouseover="Animation('Bild0', 'index_pics/logo_a_03_4.gif')" onmouseout="Animation('Bild0', 'index_pics/logo_a_03.gif')" target="_top" href="pfauli_v3.0/index.htm">
<img src="index_pics/logo_a_03.gif" border="0" width="140" height="70" name="Bild0" id="Bild0" alt=""></a>
</td>
<td rowspan="2">
<p align="center">
<img src="index_pics/logo_a_04.gif" width="80" height="155" ALT="">
</p>
</td>
</tr>
<tr>
<td>
<p align="center">
<img src="index_pics/logo_a_05.gif" width="140" height="85" alt="">
</p>
</td>
</tr>
</table>
Kleiner Tipp: Tags schießen und einheitliche Schreibweise einhalten ;)
Auserdem kann man HTML sowieso in die Tonne haun. XHTML forever^^
Kleiner Tipp: Tags schießen und einheitliche Schreibweise einhalten ;)
Auserdem kann man HTML sowieso in die Tonne haun. XHTML forever^^
Hallo EDave
Ich bringe mir das alles selber bei, habe keinerlei Erfahrung außer durch stöbern Quelltexte anderer erlernt, insofern bin ich schon heilfroh, dass ich das überhaupt soweit hin bekomme.
Zu Deiner Antwort habe ich Fragen. Warum darf man nicht GROSS und klein in den Tags schreiben? (Das passierte, weil ImageReady etwas "vorschrieb und ich selbstständig Teile änderte). Weiterhin .. mir ist bewußt, was man tags schließen gemeint ist, muss mal schauen, welche das wohl sind, oder ist es nur eine Stelle, auf die ich schauen soll?
in dem Fall ging es mir in erster Linie um deine <p>-tags.
Bei mir sieht die Tabelle übrigens Relativ anständig aus:
Hab natürlich keine Bilder, aber ansonsten...
(Das selbe wie vorhin, nur mit Baum:)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" id="table4">
<!-- MSTableType="layout" -->
<tr>
<td colspan="3">
<p align="center"><img src="index_pics/logo_a_01.gif" width="300" height="70" alt=""></p>
</td>
</tr>
<tr>
<td rowspan="2">
<p align="center"><img src="index_pics/logo_a_02.gif" width="80" height="155" alt=""></p>
</td>
<td align="center" height="70" width="140">
<a onmouseover="Animation('Bild0', 'index_pics/logo_a_03_4.gif')" onmouseout="Animation('Bild0', 'index_pics/logo_a_03.gif')" target="_top" href="pfauli_v3.0/index.htm">
<img src="index_pics/logo_a_03.gif" border="0" width="140" height="70" name="Bild0" id="Bild0" alt=""></a>
</td>
<td rowspan="2">
<p align="center">
<img src="index_pics/logo_a_04.gif" width="80" height="155" ALT="">
</p>
</td>
</tr>
<tr>
<td>
<p align="center">
<img src="index_pics/logo_a_05.gif" width="140" height="85" alt="">
</p>
</td>
</tr>
</table>
</body>
</html>
Hai nochmal
Der Hinweis mit dem Schließen der Tags war der Richtige,
aber ich habe den Weg gewählt, sämtliche <p align="center">
Tags radikal rausgeschmissen, die sich auf Bilder bezogen, die sich in der Tabelle befanden. Durch die Bilder wurden die Zellen definiert, durch die Tabelle selbst der Rest reguliert.
Danke, funktioniert nun...puh :)
in dem Fall ging es mir in erster Linie um deine <p>-tags.
Bei mir sieht die Tabelle übrigens Relativ anständig aus:
Hab natürlich keine Bilder, aber ansonsten...(Das selbe wie vorhin, nur mit Baum:)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" id="table4">
<!-- MSTableType="layout" -->
<tr>
<td colspan="3">
<p align="center"><img src="index_pics/logo_a_01.gif" width="300" height="70" alt=""></p>
</td>
</tr>
<tr>
<td rowspan="2">
<p align="center"><img src="index_pics/logo_a_02.gif" width="80" height="155" alt=""></p>
</td>
<td align="center" height="70" width="140">
<a onmouseover="Animation('Bild0', 'index_pics/logo_a_03_4.gif')" onmouseout="Animation('Bild0', 'index_pics/logo_a_03.gif')" target="_top" href="pfauli_v3.0/index.htm">
<img src="index_pics/logo_a_03.gif" border="0" width="140" height="70" name="Bild0" id="Bild0" alt=""></a>
</td>
<td rowspan="2">
<p align="center">
<img src="index_pics/logo_a_04.gif" width="80" height="155" ALT="">
</p>
</td>
</tr>
<tr>
<td>
<p align="center">
<img src="index_pics/logo_a_05.gif" width="140" height="85" alt="">
</p>
</td>
</tr>
</table>
</body>
</html>
<table border="0" cellpadding="0" cellspacing="0" id="table4">
<!-- MSTableType="layout" -->
<tr>
<td colspan="3">
<p align="center"><img src="index_pics/logo_a_01.gif" width="300" height="70" alt=""></p>
</td>
</tr>
<tr>
<td rowspan="2">
<p align="center"><img src="index_pics/logo_a_02.gif" width="80" height="155" alt=""></p>
</td>
<td align="center" height="70" width="140">
<a onmouseover="Animation('Bild0', 'index_pics/logo_a_03_4.gif')" onmouseout="Animation('Bild0', 'index_pics/logo_a_03.gif')" target="_top" href="pfauli_v3.0/index.htm">
<img src="index_pics/logo_a_03.gif" border="0" width="140" height="70" name="Bild0" id="Bild0" alt=""></a>
</td>
<td rowspan="2">
<p align="center">
<img src="index_pics/logo_a_04.gif" width="80" height="155" ALT="">
</p>
</td>
</tr>
<tr>
<td>
<p align="center">
<img src="index_pics/logo_a_05.gif" width="140" height="85" alt="">
</p>
</td>
</tr>
</table>
>
> Kleiner Tipp: Tags schießen und einheitliche Schreibweise einhalten ;)
> Auserdem kann man HTML sowieso in die Tonne haun. XHTML forever^^
Ich habe einmal Deinen Quellcode bei mir eingesetzt (da alles klein geschrieben war, hab ich mal vermutet, dass Du da etwas geändert hast), nun ist die Tabelle total zerschossen - also das war nicht der Fehler.
:-/