Supportnet / Forum / Webseiten/HTML
Mozilla / Netscape / Internet Explorer
Frage
Guten Abend,
könnte mir mal jemand behilflich sein? Ich habe eine HTML-Tabelle erstellt mit einer Spalte und zwei Zeilen. In die obere Zeile habe ich eine transparente Grafik Namens pixel.gif eingefügt (Breite=1 Pixel, Länge=45 Pixel), so dass die zweite Zeile nach unten geschoben wird. In dieser steht Text. Im Internet Explorer wird bei 45 Pixel der Text auf der richtigen Höhe dargestellt, im Mozilla und Netscape ist die zweite Zeile etwas weiter oben, so dass der Text in das Seitenhintergrundbild ragt. Kann man das irgendwie ändern ? Danke !! Ich dachte immer 45 Pixel sind 45 Pixel, aber scheinbar doch nicht ?
Antwort 1 von derpfleger
Poste doch mal den Quellcode, dann wird das etwas einfacher.
Gruss Heiko
Gruss Heiko
Antwort 2 von MrDick
Gerne:
<html>
<head>
<base target="_self">
</head>
<body background="images/hintergrund.jpg">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><img border="0" src="images/pixel.gif" width="1" height="45"></td>
</tr>
<tr>
<td width="100%">Hier steht der Text</td>
</tr>
</table>
</center>
</div>
</body>
</html>Antwort 3 von rfb
ist das alles, was sich auf der Seite befindet?
Dein Problem ist, dass du kein CSS nutzt, sondern eine total veraltete variante zur Gestaltung: tabvelenlayout mit Abstandsgrafiken. Das war für die Browser der Generation 4 noch sinnvoll, da die kaum CSS unterstützten. Inzwischen sind wir bei Generation 6-8.
Ohne CSS-Angaben verwenden die Browser Voreinstellungen, die zum Teil voneinander abweichen.
Dein Code in modernem HTML/CSS sähe ungefähr so aus:
Dein Problem ist, dass du kein CSS nutzt, sondern eine total veraltete variante zur Gestaltung: tabvelenlayout mit Abstandsgrafiken. Das war für die Browser der Generation 4 noch sinnvoll, da die kaum CSS unterstützten. Inzwischen sind wir bei Generation 6-8.
Ohne CSS-Angaben verwenden die Browser Voreinstellungen, die zum Teil voneinander abweichen.
Dein Code in modernem HTML/CSS sähe ungefähr so aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Text des Titels</title>
<style type="text/css">
<!--
body { background: url(images/hintergrund.jpg); text-align:center; padding:0; margin:0; }
div#text { position:absolute; left:0; top:45px; width:100%; padding:0; margin:0;}
-->
</style>
</head>
<body>
<div id="text">Hier steht der Text</div>
</body>
</html>
Antwort 4 von MrDick
Ja, altmodisch schon, aber so können es die alten Browser wenigstens auch noch anschauen. Danke für die Mühe wegen dem Quelltext, dieser funktioniert auch nur im Internet Explorer, im aktuellen Mozilla und im Netscape 7 wird das Hintergrundbild nicht mehr angezeigt.... Habe gelesen, dass nicht alle aktuellen Browser CSS gleich auslesen ??? Ein Grund warum ich das so altmodisch mit der pixel.gif gemacht habe. Die Unterschiede sind auch zu sehen, wenn ich statt der pixel.gif einfach die obere Zeilenhöhe eingebe. Es ist zwischen MSIE und Mozilla/Netscape immer ein Unterschied zu sehen.
Antwort 5 von rfb
Zitat:
Quelltext, dieser funktioniert auch nur im Internet Explorer
nanu? Quelltext, dieser funktioniert auch nur im Internet Explorer
Zitat:
Habe gelesen, dass nicht alle aktuellen Browser CSS gleich auslesen ?
stimmt, jeder hat so seine Macken, besonders der IE hinkt der Entwicklung hinterher und macht böse Fehler.Habe gelesen, dass nicht alle aktuellen Browser CSS gleich auslesen ?
Antwort 6 von rfb
zu
Und der besondere Vorteil: dank Verzicht auf Tabellenlayout sind sie dem Ziel Barrierefreiheit sehr nahe gekommen (und in dem guten alten Textbrowser Lynx funktionieren sie auch).
Fazit: Abwärtskompatibilität ist kein Grund Tabellenlayouts zu nutzen.
Zitat:
aber so können es die alten Browser wenigstens auch noch anschauen
lässt sich noch ergänzen, dass ich schon seit Jahren diverse Seiten ohne Tabellenlayouts betreue, die mittels einfacher Tricks durchaus ansehnbar in älteren Browsern sind, obwohl die mit CSS2 Schwierigkeiten haben.aber so können es die alten Browser wenigstens auch noch anschauen
Und der besondere Vorteil: dank Verzicht auf Tabellenlayout sind sie dem Ziel Barrierefreiheit sehr nahe gekommen (und in dem guten alten Textbrowser Lynx funktionieren sie auch).
Fazit: Abwärtskompatibilität ist kein Grund Tabellenlayouts zu nutzen.