Problem mit verschachtelter Tabelle in NN 6.2
Schildi
- html
0 Sönke Tesch0 Julian Hofmann0 schildi0 Julian Hofmann0 schildi
0 Sönke Tesch
Hallo.
Hab ne Tabelle (nur max. 2fach verschachtelt).
Läuft perfekt auf 4.7 und IE sowieso.
Nun guck ich mir das teil in NN6.2 an und es verhaut meine Tabelle.
Dabei hab ich wirklich überall alles genau angegeben.
Brauche dringend Hilfe!
Hier die Tabelle:
<table border="1" width="782" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="405" rowspan="9"><img src="../images/general/1x1_black.gif" width="10" height="7" border="0"></td>
<td width="1" height="7"><img src="../images/general/1x1_black.gif" width="1" height="7" border="0"></td>
<td width="760" height="7"><img src="../images/general/1x1_black.gif" width="760" height="7" border="0"></td>
<td width="1" height="7"><img src="../images/general/1x1_black.gif" width="1" height="7" border="0"></td>
<td width="10" height="405" rowspan="9"><img src="../images/general/1x1_black.gif" width="10" height="7" border="0"></td>
<td></td>
</tr>
<tr>
<td width="1" height="1"><img src="../images/general/1x1_orange_dark.gif" width="1" height="1" border="0"></td>
<td width="760" height="1"><img src="../images/general/1x1_orange_dark.gif" width="760" height="1" border="0"></td>
<td width="1" height="1"><img src="../images/general/1x1_orange_dark.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td width="1" height="35"><img src="../images/general/1x1_orange_dark.gif" width="1" height="35" border="0"></td>
<td width="760" height="35">
<table border="0" width="760" height="35" cellpadding="0" cellspacing="0">
<tr>
<td width="725" height="35"><img src="../images/general/1x1_black.gif" width="725" height="35" border="0"></td>
<td width="35" height="35"><img src="../images/general/rotating_cubes.gif" width="35" height="35" border="0"></td>
</tr>
</table>
</td>
<td width="1" height="35"><img src="../images/general/1x1_orange_dark.gif" width="1" height="35" border="0"></td>
</tr>
<tr>
<td width="1" height="63"><img src="../images/general/1x1_orange_dark.gif" width="1" height="63" border="0"></td>
<td width="760" height="63"><img src="../images/general/1x1_black.gif" width="760" height="63" border="0"></td>
<td width="1" height="63"><img src="../images/general/1x1_orange_dark.gif" width="1" height="63" border="0"></td>
</tr>
<tr>
<td width="1" height="15"><img src="../images/general/1x1_orange_dark.gif" width="1" height="15" border="0"></td>
<td width="760" height="15"><img src="../images/general/fpkistner.gif" width="130" height="15" border="0"></td>
<td width="1" height="15"><img src="../images/general/1x1_orange_dark.gif" width="1" height="15" border="0"></td>
</tr>
<tr>
<td width="1" height="1"><img src="../images/general/1x1_orange_middle.gif" width="1" height="1" border="0"></td>
<td width="760" height="1"><img src="../images/general/1x1_orange_middle.gif" width="760" height="1" border="0"></td>
<td width="1" height="1"><img src="../images/general/1x1_orange_middle.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td width="1" height="192"><img src="../images/general/1x1_orange_middle.gif" width="1" height="192" border="0"></td>
<td width="760" height="192">
<!-- HAUPTBEREICH Start //-->
<table border="1" width="760" cellpadding="0" cellspacing="0">
<tr>
<td width="130" height="11" valign="top"><img src="../images/general/main_1_a.gif" width="130" height="11" border="0"></td>
<td width="630" height="11"><img src="../images/general/main_1_b.jpg" width="630" height="11" border="0"></td>
</tr>
<tr>
<td width="130" height="77"><img src="../images/general/main_2_a.jpg" width="130" height="77" border="0"></td>
<td width="630" height="77"><img src="../images/general/main_2_b.jpg" width="630" height="77" border="0"></td>
</tr>
<tr>
<td width="760" height="15" colspan="2">
<!-- MENU Start //-->
<table border="1" width="760" cellpadding="0" cellspacing="0">
<tr>
<td width="95" ><a href="start.htm" onmouseover="roll1('startseite');" onmouseout="roll2('startseite');"><img src="../images/menu/startseite1.gif" width="95" border="0" name="startseite"></a></td>
<td width="56" ><a href="news.htm" onmouseover="roll1('news');" onmouseout="roll2('news');"><img src="../images/menu/news1.gif" width="56" border="0" name="news"></a></td>
<td width="62" ><a href="image.htm" onmouseover="roll1('image');" onmouseout="roll2('image');"><img src="../images/menu/image1.gif" width="62" border="0" name="image"></a></td>
<td width="90" ><a href="kampagnen.htm" onmouseover="roll1('kampagnen');" onmouseout="roll2('kampagnen');"><img src="../images/menu/kampagnen1.gif" width="90" border="0" name="kampagnen"></a></td>
<td width="139" ><a href="fotojournalismus.htm" onmouseover="roll1('fotojournalismus');" onmouseout="roll2('fotojournalismus');"><img src="../images/menu/fotojournalismus1.gif" width="139" border="0" name="fotojournalismus"></a></td>
<td width="76" ><img src="../images/menu/galerie1.gif" width="76" border="0" name="galerie"></td>
<td width="68" ><img src="../images/menu/profil1.gif" width="68" border="0" name="profil"></td>
<td width="77" ><img src="../images/menu/kontakt1.gif" width="77" border="0" name="kontakt"></td>
<td width="97" ><img src="../images/menu/bestellung1.gif" width="97" border="0" name="bestellung"></td>
</tr>
</table>
<!-- MENU Ende //-->
</td>
</tr>
<tr>
<td width="760" height="89" colspan="2"><img src="../images/general/main_3_a.jpg" width="760" height="89" border="0"></td>
</tr>
</table>
<!-- HAUPTBEREICH Ende //-->
</td>
<td width="1" height="192"><img src="../images/general/1x1_orange_middle.gif" width="1" height="192" border="0"></td>
</tr>
<tr>
<td width="1" height="1"><img src="../images/general/1x1_orange_middle.gif" width="1" height="1" border="0"></td>
<td width="760" height="1"><img src="../images/general/1x1_orange_middle.gif" width="760" height="1" border="0"></td>
<td width="1" height="1"><img src="../images/general/1x1_orange_middle.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td width="1" height="90"><img src="../images/general/1x1_orange_dark.gif" width="1" height="90" border="0"></td>
<td width="760" height="90"><img src="../images/general/1x1_black.gif" width="760" height="90" border="0"></td>
<td width="1" height="90"><img src="../images/general/1x1_orange_dark.gif" width="1" height="90" border="0"></td>
</tr>
</table>
Woran kann das nur liegen???
Hab ne Tabelle (nur max. 2fach verschachtelt).
Läuft perfekt auf 4.7 und IE sowieso.
Nun guck ich mir das teil in NN6.2 an und es verhaut meine Tabelle.
Dabei hab ich wirklich überall alles genau angegeben.
Bitte mach doch (gerade bei solchen Monstren von Tabellen-Layout) etwas genauere Angaben. Die wenigsten haben Lust, aus Deinem riesigen Codeschnippsel eine fertige Seite zu bauen, die dann in drei verschiedenen Browsern zu betrachen, dann womöglich eine halbe Stunde zu rätseln, was Dir denn nicht gefällt ("es verhaut" ist keine klare Aussage) und schlussendlich auch noch das Codegewürm durchzuwühlen.
Also: Stell die Seite in's Netz, nach Möglichkeit soweit zusammengekürzt, daß alles, was nicht mit dem Fehler zu tun hat, raus ist, gib die Adresse hier an und beschreibe bitte _genau_, was falsch ist (vielleicht sogar mit Bild). Dann werden sich auch deutlich mehr Leute finden, die Dir helfen möchten.
Gruß,
soenk.e
Hallo,
nimms mir nicht übel, aber
<img src="/images/03.gif" width=248 height=119 border=0 alt="Was willst du jetzt eigentlich wissen?">
Wo ist denn nun das Problem wirklich? Soll jetzt jeder, der Dir helfen will sich den Code rauskopieren, die entsprechenden Grafiken erzeugen, aufrufe, schaun was "verhaut" wird und dann helfen? Wäre es nicht einfacher wenn _Du_ das Problem der Darstellung gleich mitlieferst?
http://forum.de.selfhtml.org/faq/#Q-07b
Grüße aus Würzburg
Julian
Hallo.
Ihr habt ja recht. Tut mir leid.
Also hier ist die seite im netz jetzt:
http://www.bb-holding.com/website_fpk/html_docs/start.htm
Ich hab so null Ahnung, woran das liegt :(:(.
Im IE, NN 4.7 wiegesagt optimal.
DANKE !!!!!!!!!!!!!!!!!!!
Hallo,
Ihr habt ja recht. Tut mir leid.
Kein Problem, nur lässt sichs hier besser fragen und antworten, wenn man sich gegenseitig das Leben leichter macht.
Das Prblem dürfte weniger an der Tabelle selbst liegen als vielmerh an den Bilder mit Höhe 1px in irgendwelchen Zellen. Ordnet diesen Bilder einfach per CSS noch eine display-Anweisung zu (block), dann sollte es klappen.
Näheres zu display ist unter http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display zu finden.
Grüße aus Würzburg
Julian
DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKKKKKKKKKKKKKKKKKKKKKKKKEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
funktioniert
prinzip:
<img style="display:block" src="">
Im Grunde bei jedem Image und kleinerem Text(hier) nötig.
Ich hab so null Ahnung, woran das liegt :(:(.
Im IE, NN 4.7 wiegesagt optimal.
Du meinst, daß am oberen Ende des Mittelbildes schwarze Streifen sind? Das könnte daran liegen, daß Mozilla sich an die Standards hält (siehe Seiteninformationen: "Standardsgerechter Modus") und alle anderen es genau genommen falsch machen.
Bilder stehen per Definition auf der Basislinie einer Zeile, nicht am Fuß, deshalb erscheint unter Deinen Bildern natürlich der Abstand, den zum Beispiel der untere Kringel vom g benötigt.
Ändere die Zellenattribute auf vertical-align:bottom bzw. valign=bottom, dann sollte es funktionieren. Alternativ kannst Du auch versuchen, die DOCTYPE-Definition in eine älter Version ändern ("quirks mode", siehe http://www.hut.fi/~hsivonen/doctype.html).
Darauf, daß es dieses "Problem" ist, deutet die Tatsache hin, daß beim Vergrößeren/Verkleinern der Schriftart auch die schwarzen Lücken sich ändern.
Gruß,
soenk.e
Hallo Soenk.e,
Ändere die Zellenattribute
Nene. Hatte hier schon zwei oder drei längere Diskussionen zu diesem Problem. Aber egal was man ändert (Ich dürfte eigentlich _alles_ ausprobiert haben), über die Zelle/Tabelle kommt man nicht weiter. Eine Lösung habe ich bisher nur über ein display:block beim Image erreicht.
Grüße aus Würzburg
Julian
Ändere die Zellenattribute
Nene. Hatte hier schon zwei oder drei längere Diskussionen zu diesem Problem. Aber egal was man ändert (Ich dürfte eigentlich _alles_ ausprobiert haben), über die Zelle/Tabelle kommt man nicht weiter. Eine Lösung habe ich bisher nur über ein display:block beim Image erreicht.
Merkwürdig. Das ebenfalls von mir vorgeschlagene Entfernen der DOCTYPE-Definition, um den Standardmodus zu verlassen, funktioniert hier ganz hervorragend.
Gruß,
soenk.e
Merkwürdig. Das ebenfalls von mir vorgeschlagene Entfernen der DOCTYPE-Definition, um den Standardmodus zu verlassen, funktioniert hier ganz hervorragend.
Gruß,
soenk.e
Scheisse. Du hast recht.
Denn den 4.7 kommt mit dem style attribut nicht klar.
ALSO ist deine version, die doctype wezulassen die beste.
Danke.
Hi.
ALSO ist deine version, die doctype wezulassen die beste.
Klar, es ist immer die beste Version an den Standards vorbeizuarbeiten. ;-)
Bei mir klappt das wunderbar und ist valide nach XHTML 1.0 Strict mit:
img.block {
border : none;
margin : 0px;
display : block;
}
table {
border : none;
border-spacing : 0px;
border-style : none;
border-collapse : collapse;
}
td.einpixel {
padding : 0px;
background-color : #FFFFFF;
color : #000000;
border : none;
font-size : 1px;
line-height : 1px;
height : 1px;
}
Grüße aus Würzburg
Julian