nicht angemeldet
Falsche Tabellen ohne Border?!
Hallo.
Ich habe ein ziemlich seltsames Problem mit dem IE 6.0.
Ich habe mit Grafiken eine Tabelle mit runden Ecken erstellt, die ich nun mit Inhalt füllen möchte. Bei normalem Text oder auch anderen Tabellen passiert nichts, es wird alles korrekt dargestellt.
Aber bei u.a. Code passiert folgendes: der Inhalt wird MIT dem Attribut "border=1" im table-Tag korrekt dargestellt. Wenn ich aber "border=0" setze, wird die rechte Seite der Tabelle verschoben und ich kann mir nicht erklären wieso.
Mit CSS wurden alle wichtigen Zellen der Tabelle in der Breite bestimmt, doch die Zelle mit dem Inhalt erweitert sich beliebig. Dieses Problem gibt es nur im Internet Explorer, MozillaFirebird 0.7 und Netscape 7.0 stellen die Tabelle auch mit "border=0" korrekt dar.
MfG,
Ich entschuldige mich für so viel Code, aber ich denke es ist alles wichtig. Die Bilder haben folgende Maaße:
contenttop.gif: 764x24 px
contentlinks.gif: 24x1 px
contentrechts.gif: 23x1 px
contentbottom.gif: 764x24 px
<html>
<head>
<title></title>
<style type="text/css">
table
{ border-collapse: collapse; border: none; }
.contentlinks
{ background-image: url(pic/contentlinks.gif); background-repeat: repeat-y; background-position: left; width: 24px; background-color: #3B78A4; }
.contentrechts
{ background-image: url(pic/contentrechts.gif); background-repeat: repeat-y; background-position: right; width: 23px; background-color: #3B78A4; }
.content
{ height: 43px; width: 709px; background-color: #3B78A4; align: left; vertical-align: top; font-size: 9px; }
</style>
</head>
<body>
<table class="contenttb" border=0>
<tr><td class="oben" colspan=3><img src="pic/contenttop.gif"></td></tr>
<tr><td class="contentlinks"></td><td class="content">
<p style="border-style:solid; border-color:darkblue; width:90%; overflow: hidden;">
<table width="99.5%" border="1">
<tr><td colspan=10 class="tdweis"><center><b><font color="#000080"><a name="spiel1">Spiel 1 - 2nd B, 7. Spieltag (H)</a></font></b></td></tr>
<tr><td colspan=5 class="tdblau"><center><b><img src="flag/aserbaidschan.jpg"> Aserbaidschan</b></td><td colspan=5 class="tdblau"><center><b>Dänemark <img src="flag/daenemark.jpg"></b></td></tr>
<tr><td colspan=10 class="tdweis"><center><b>0 : 0</b></td></tr>
<tr><td colspan=10 class="tdblau"><center><b>00 : 00</b></td></tr>
<tr><td colspan=10 class="tdweis"> </td></tr><tr><td class="tdklein" width="120">Spieler</td><td class="tdklein" width="200">Spiel</td><td class="tdklein">Tipp</td><td class="tdklein">Quote</td><td class="tdklein" width="30"> </td><td class="tdklein" width="120">Spieler</td><td class="tdklein" width="200">Spiel</td><td class="tdklein">Tipp</td><td class="tdklein">Quote</td><td class="tdklein" width="30"> </td></tr>
<tr><td class='falsch'>Neubauer</td><td class='falsch'>Monaco-Paris SG</td><td class='falsch'>1</td><td class='falsch'>18</td><td class='falsch'></td><td class='spieler'>Blum</td><td class='spieler'>Bremen-Berlin</td><td class='spieler'>1</td><td class='spieler'>15</td><td class='spieler'></td></tr>
<tr><td class='spieler'>Mantana</td><td class='spieler'>Frankfurt-B.München</td><td class='spieler'>2</td><td class='spieler'>16</td><td class='spieler'></td><td class='spieler'>Brockmann</td><td class='spieler'>Fulham-Tottenham</td><td class='spieler'>1</td><td class='spieler'>20</td><td class='spieler'></td></tr>
<tr><td class='spieler'>Schuegerl</td><td class='spieler'>A.Madrid-Osasuna</td><td class='spieler'>1</td><td class='spieler'>18</td><td class='spieler'></td><td class='spieler'>Gärtner</td><td class='spieler'>Valladolid-R.Madrid</td><td class='spieler'>2</td><td class='spieler'>17</td><td class='spieler'></td></tr>
<tr><td class='spieler'>Bujok</td><td class='spieler'>Bologna-AC Mailand</td><td class='spieler'>2</td><td class='spieler'>18</td><td class='spieler'></td><td class='spieler'>Weber</td><td class='spieler'>Freiburg-Leverkusen</td><td class='spieler'>2</td><td class='spieler'>23</td><td class='spieler'></td></tr>
<tr><td class='spieler'>Giuseppe</td><td class='spieler'>Villarreal-Osasuna</td><td class='spieler'>1</td><td class='spieler'>15</td><td class='spieler'></td><td class='spieler' colspan=5> </td></tr>
<tr><td class="spieler" colspan=10><b>Tore:</b> Fehlanzeige</td></tr>
</table>
</p>
</td><td class="contentrechts"></td></tr>
<tr><td class="unten" colspan=3><img src="pic/contentbottom.gif"></td></tr>
</table>
</body>
</html>
-
Bitte, sucht zumindest nach einem Anhaltspunkt...ich vermute dass der Fehler im Code innerhalb von <p> ist...aber genauer weiß ich es nicht. Das dumme ist dass ich das per PHP ausgeben lasse, darum wäre ich für einen konkreten Fehler dankbar.
MfG,
Freddy-
Hi Freddy,
ehrlich gesgt ist mir der Code zu vollgepropft mit invalidem Zeugs, aber ein Fahler lässt sich gleich erkennen: Du hast innerhalb des <p>s eine Tabelle, dies ist aber laut den HTML-Spezifikationen nicht erlaubt, da <p> keine blockerzeugenden Elemente wie <table> enthalten darf.
Bitte lass deinen Code erstmal durch den HTMl-Validator laufen (http://validator.w3.org:8001/), dass könnte das Problem villeicht schon ausmerzen. Falls du irgendwelche Bemängelungen seitens des Validators nicht verstehst, melde dich einfach wieder im Forum - also: erst selber alle dir mögliche probieren und dann hier melden :-).--
SelfCODE (Info: http://emmanuel.dammerer.at/selfcode.html): ss:( zu:} ls:# fo:) de:> va:} ch:? sh:( n4:& rl:( br:< js:| ie:% fl:( mo:|
Und immer dran denken: http://forum.de.selfhtml.org/archiv/2003/9/57903/ :-).
-