nicht angemeldet
cellspacing Problem im IE
Gernot BackHi!
Ich habe ein Problem:
Ich arbeite grade an einer Website, die tables als element für den Hintergrund einsetzt. So weit so gut. Ich wollte grade mal die Kompatiblität mit den gängigen Browsern testen und dabei zickt der IE rum... Alle anderen funktionieren, Safari, Geckos, Netscape usw...
Der IE zeigt aber zwischen den einzelnen Tables lücken...
Hat jemand eine Idee warum?
Hier mal der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Webolution - Thinking Things must communicate!</title>
<style type=text/css>
#grund { Position:Relative; z-index:0; }
#buttons { Position:Relative; top:-435px; z-index:1; }
</style>
</head>
<body bgcolor="#E2E4E4">
<table align=center border=0 cellpadding=0 cellspacing=0 id=grund>
<tr>
<td>
<center>
<img src="head.jpg" alt="Head" border=0>
</center>
</td>
<tr>
<td>
<center>
<img src="back.jpg" alt="Back" border=0>
</center>
</td>
<tr>
<td>
<center>
<img src="copy.jpg" alt="Copyright (C) 2005. All Rights Reserved" border=0>
</center>
</td>
</table>
<table id=buttons border=0 align=center cellpadding=0 cellspacing=0>
<tr>
<td>
<a href=main.html>
<img src="home.gif" alt=Home border=0></a>
</td>
<td>
<a href=prod.html>
<img src="prod.gif" alt=Home border=0></a>
</td>
<td>
<a href=partner.html>
<img src="partner.gif" alt=Home border=0></a>
</td>
<td>
<a href=info.html>
<img src="info.gif" alt=Home border=0></a>
</td>
<td>
<a href=kontakt.html>
<img src="kontakt.gif" alt=Home border=0></a>
</td>
<td>
<a href=links.html>
<img src="links.gif" alt=Home border=0></a>
</td>
</table>
</body>
</html>
-
Das Problem hat sich gelöst,
ein Kollege wusste eine Lösung...Hinter jedes img ein <br> und in ten tables marginheight=0 und marginwidth=0 eisetzen...
-
Hallo Philip,
Das Problem hat sich gelöst,
ein Kollege wusste eine Lösung...... nicht wirklich!
Hinter jedes img ein <br> und in ten tables marginheight=0 und marginwidth=0 eisetzen...
Das sind aber keine validen Atribute für Table-Elemente und statt <br> gibt es immer eine elegantere Lösung; das <br> ist immer "quick and dirty". Das Center-Element ist übrigens auch deprecated.
Wenn du unerwünschte Zwischenräume zwischen Bildern in Tabellenzellen vermeiden willst, lass im Quellcode entweder die Whitespaces (dazu zählen auch Zeilenumbrüche) weg.
oder nutze folgenden CSS-Ansatz:
#deineTabelle { border-collapse:collapse; } #deineTabelle td { padding:0; } #deineTabelle img { display:block; }Gruß Gernot
-