nicht angemeldet
Zelleninhalt nicht ganz oben bei Doctype HTML 4 Strict
Hallo,
wenn ich eine zelleninhalt durch valign (bzw. vertical-align mit css) ganz oben einer tabellenzelle anzeigen lassen will, macht mir der mozilla immer einen kleinen abstand (ca. 5 pixel) zwischen dem inhalt und dem zellenrand, jedoch nur wenn die seite den doctype HTML 4 Strict hat. kann man das irgendwie verhindern?
im ie wird es wie gewollt dargestellt.
hier ein beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>titel</title>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr><td style="height:20px;" valign="top"><img src="irgend_eine_grafik.gif"></td></tr>
</table>
</body>
</html>
MfG
Felix D.
-
Hallo,
wenn ich eine zelleninhalt durch valign (bzw. vertical-align mit css) ganz oben einer tabellenzelle anzeigen lassen will, macht mir der mozilla immer einen kleinen abstand (ca. 5 pixel) zwischen dem inhalt und dem zellenrand, jedoch nur wenn die seite den doctype HTML 4 Strict hat. kann man das irgendwie verhindern?
im ie wird es wie gewollt dargestellt.Vielleicht hilft http://de.selfhtml.org/css/eigenschaften/innenabstand.htm.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>titel</title>
</head>
<body>
<table cellpadding="0" cellspacing="0">Pfui-----^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
<tr><td style="height:20px;" valign="top">
Pfui---------------------------^^^^^^^^^^^^
<img src="irgend_eine_grafik.gif"></td></tr>
</table>
</body>
</html>Warum arbeitest du nicht konsequent mit CSS?
Gruß aus Bonn
Sven--
Do it yourSELF 'cause SELFmade is bestmade.
Selfcode: ie:% fl:( br:^ va:} ls:[ fo:) rl:( n4:{ ss:| de:> js:| ch:? mo:} zu:)
Selfcode dekodieren - Selfcode-Info-
Vielleicht hilft http://de.selfhtml.org/css/eigenschaften/innenabstand.htm
hab schon probiert mit padding:0px; geht leider nicht.
Warum arbeitest du nicht konsequent mit CSS?
ich hatte unabhängig davon, ob ich css verwendete oder nicht das selbe resultat.
(außerdem das war nur ein beispiel die seite auf der ich das problem eigentlich habe sieht natürlich anders aus)
-
Hi,
Vielleicht hilft http://de.selfhtml.org/css/eigenschaften/innenabstand.htm.
wieso sollte das bei einem Problem mit Unterlängen helfen?
Dann eher zu display:block noch float:left oder - wenn man der Einfachheit halber die inline Eigenschaft erhalten will - eben das vertical-align für die Bilder auf einen passenderen Wert als baseline setzen.freundliche Grüße
Ingo
-
-
Hallo,
wenn ich eine zelleninhalt durch valign (bzw. vertical-align mit css) ganz oben einer tabellenzelle anzeigen lassen will, macht mir der mozilla immer einen kleinen abstand (ca. 5 pixel) zwischen dem inhalt und dem zellenrand, jedoch nur wenn die seite den doctype HTML 4 Strict hat. kann man das irgendwie verhindern?
Das Problem hat damit zu tun, dass ein Bild ein inline-Element ist. Es liegt also in einer Zeile und generiert eine Inlinebox.
Du kannst das Problem umgehen, wenn du dieses Bild zu Block-Element machstimg#logo {dispaly:block;} oder td img {display:block;}
Grüße
Thomas-
Du kannst das Problem umgehen, wenn du dieses Bild zu Block-Element machst
danke erstmal für die antwort,
im beispiel geht das "display:block;"leider hab ich aber auf der "richtigen seite" mehrere grafiken nebeneinander, dann funktioniert das nicht mehr
also so zb.:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>titel</title>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr><td style="height:20px;" valign="top"><img src="grafik1.gif"><img src="grafik2.gif"><img src="grafik3.gif"><img src="grafik4.gif"></td></tr>
</table>
</body>
</html>gibt es da vielleicht auch eine möglichkeit?
-
-
Hallo Felix
wenn ich eine zelleninhalt durch valign (bzw. vertical-align mit css) ganz oben einer tabellenzelle anzeigen lassen will, macht mir der mozilla immer einen kleinen abstand (ca. 5 pixel) zwischen dem inhalt und dem zellenrand, ...
Meinst du den Abstand unten?
Bei deinem Beispiel habe ich nur unten einen Rand, der für die Unterlängen
der Buchstaben reserviert wird. Die Grafik richtet sich auf der Schriftlinie
aus.Du kannst die Zeilenhöhe verkleinern.
line-height: 0;
Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!