Tabellen "lückenhaft" ausgefüllt

Status
Nicht offen für weitere Antworten.

Consti

Erfahrenes Mitglied
Ich habe folgendes Problem:

Ich habe eine Seite in Dreamweaver erstellt und sie in verschiedenden Browsern getestet - dabei ergaben sich kleine Unterschiede.
Zur verdeutlichung ein Bild:

html_luecken.gif


Man sieht an der linken Seite der Tabelle im IE einige kleine weisse Flächen. Im Dreamweaver und in Opera aber nicht (bei Opera bitte nicht über die grauen Tabellenrahmen wundern).

Ich hab den Code auch noch einmal da, weil ich leider nicht weiss, wo der Fehler ist?! - Vor allem gibt es ja auch noch unterschiede zwischen den verschiedenen Browsern.

Aber hier der Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>St. Marien Vreden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="gemeinde/style.css">
</head>
<body class="body-index">
<div align="center">
<table border="3" cellpadding="0" cellspacing="0"  bordercolor="#890023" frame="box" style="width:675px">
	<tr>
		<td colspan="2" bgcolor="#FFA200"><a href="index.html" style="width:100%"><img src="gemeinde/gfx/banner.gif" alt="Logo der Gemeinde St. Marien Vreden" border="0" width="100%"></a></td>
	</tr>

	<tr>	
    	
      <td colspan="2" bgcolor="#890023" align="right" style="width:100%"><font size="-2">&nbsp;</font></td>
	</tr>

	<tr>
		
		<td width="675" bgcolor="#FFA200" style="width:100%">
				<div align="center">
					<img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/home.html" target="content"><strong>Home</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/termine.html" target="content"><strong>Termine</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/fotos.html" target="content"><strong>Fotos</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/bes_messen.html" target="content"><strong>Messen</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/kontakte.html" target="content"><strong>Kontakte</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/unsere_kirche.html" target="content"><strong>Unsere Kirche</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/pfarrheim.html" target="content"><strong>Pfarrheim</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/vereine+verbaende.html" target="content"><strong>Vereine + Verb&auml;nde</strong></a> <img src="gemeinde/gfx/quadrat.gif">
					<a class="a-menue" href="gemeinde/plaene.html" target="content"><strong>Pl&auml;ne</strong></a> <img src="gemeinde/gfx/quadrat.gif">
				</div>
		</td>
					
	</tr>

	<tr>
		<td align="center" height="325px" colspan="5"><iframe name="content" src="gemeinde/home.html" width="100%" height="325" frameborder="0" scrolling="auto"></iframe></td>
	</tr>
		
	<tr>
		<td align="center" bgcolor="#FFA200">
			<div align="center">
				<img src="gemeinde/gfx/quadrat.gif">
				<a class="a-menue" href="gemeinde/links.html" target="content"><strong>Links</strong></a> <img src="gemeinde/gfx/quadrat.gif">
				<a class="a-menue" href="gemeinde/kontakt.html" target="content"><strong>Kontakt</strong></a> <img src="gemeinde/gfx/quadrat.gif">
				<a class="a-menue" href="gemeinde/impressum.html" target="content"><strong>Impressum</strong></a> <img src="gemeinde/gfx/quadrat.gif">
				<a class="a-menue" href="gemeinde/sitemap.html" target="content"><strong>Sitemap</strong></a> <img src="gemeinde/gfx/quadrat.gif">
			</div></td>
		</tr>
</table>
</div>
<br>
<div align="center"><strong><a class="a-index" href="http://www.consti-net.de" target="_blank">Webdesign Constantin Huesker, 2004</a></strong></div>

</body>
</html>

Wär' richtig klasse, wenn mir jemand helfen würde, da es ja nicht besonders schön aussieht.

Die ganze HP gibts unter:
http://www.st-marien.net
 
Hab ja sonst nix zu tun, wo genau der Fehler wa kann ich nicht sagen. Denke aber das es daran lag das du das Headerbild mit 100% Breite und nichts für die Höhe angegeben hast.

Code:
<html>
<head>
<title>St. Marien Vreden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body marginheight="0" marginwidth="0">
<center>
<table width="675" border="3" cellpadding="0" cellspacing="0" bordercolor="#890023">
  <tr>
    <td bgcolor="#FFA200"><img src="" alt="TESTBILD" name="TESTBILD" width="675" height="150" id="TESTBILD" style="background-color: #0033FF"></td>
  </tr>
  <tr>
    <td bgcolor="#890023">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" bgcolor="#FFA200">
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/home.html" target="content"><strong>Home</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/termine.html" target="content"><strong>Termine</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/fotos.html" target="content"><strong>Fotos</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/bes_messen.html" target="content"><strong>Messen</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/kontakte.html" target="content"><strong>Kontakte</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/unsere_kirche.html" target="content"><strong>Unsere Kirche</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/pfarrheim.html" target="content"><strong>Pfarrheim</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/vereine+verbaende.html" target="content"><strong>Vereine + Verb&auml;nde</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/plaene.html" target="content"><strong>Pl&auml;ne</strong></a>
</td>
  </tr>
  <tr>
    <td height="325"><iframe name="content" src="gemeinde/home.html" width="675" height="325" frameborder="0"></iframe></td>
  </tr>
  <tr>
    <td align="center" bgcolor="#FFA200">
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/links.html" target="content"><strong>Links</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/kontakt.html" target="content"><strong>Kontakt</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/impressum.html" target="content"><strong>Impressum</strong></a>
<a class="a-menue" href="../juh-rhs/homepage/gemeinde/sitemap.html" target="content"><strong>Sitemap</strong></a>
</td>
  </tr>
</table>
</center>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.
Zurück