Darstellung IE FF
0 0 
rfb
0 
Struppi
0 
Der Martin
0
Darstellung IE FF
Hallo,
leider zeigt der Internet Explorer etwas anderes an als der Firefox-Browser. Der grüne Querbalken ist um ca. 13px verschoben, im Internet Explorer wird es derzeit richtig angezeigt.
Kann jemand das Problem lösen?
Vielen Dank,
Katja
http://www.ordnungslust.de/index.htm
Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<style type="text/css">
a:link { text-decoration:none; color:#666666; }
a:visited { text-decoration:none; color:#666666; }
a:hover { text-decoration:none; color:#000000; }
a:active { text-decoration:none; color:#000000; }
a:focus { text-decoration:none; color:#000000; }
</style>
<meta http-equiv="content-language" content="de">
<meta http-equiv="expires" content="0">
<meta name="robots" content="index">
<meta name="author" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Alles in Ordnung - Aufräumservice von Gabi Reiter</title>
</head>
<body bgcolor="#ffffff" text="#666666" link="#666666">
<font face="verdana">
<table border="0" cellpadding="0" cellspacing="0" width="650">
<tbody>
<tr>
<td valign="top" width="755">
<span style="font-size:10">
<div style="width: 107; height: 35; position: absolute; left: 225; top: 160"><a href="wievieledinge.htm">Wieviele Dinge braucht der Mensch?</a></div>
<div style="width: 100; height: 35; position: absolute; left: 340; top: 160"><a href="lastoderlust.htm">Last oder Lust?</a></div>
<div style="width: 100; height: 35; position: absolute; left: 455; top: 160"><a href="vereinfachen.htm">Das Leben vereinfachen</a></div>
<div style="width: 100; height: 35; position: absolute; left: 570; top: 160"><a href="angebot.htm">Angebot</a></div>
<div style="width: 100; height: 35; position: absolute; left: 685; top: 160"><a href="kontakt.htm">Kontakt</a></div>
<div style="width: 100; height: 35; color:#000000; position: absolute; left: 800; top: 160"><a>Home</a></div>
</span>
</td>
<td valign="top"><span style="font-size: 12.5; letter-spacing: 0.02px; line-height: 1.36em; position: absolute; top: 226; left: 269; width: 520; height: 371">
<p></p>
</span>
</td>
</tr>
</tbody>
</table>
</font>
<span style="position: absolute; left: 219; top: 145">
<img src="barh.jpg" width="320" height="2">
</span>
<span style="position: absolute; left: 219; top: 595">
<img src="barh.jpg" width="320" height="2">
</span>
<span style="position: absolute; left: 539; top: 515">
<img src="barh.jpg" width="320" height="2">
</span>
<span style="position: absolute; left: 539; top: 12">
<img src="barh.jpg" width="320" height="2">
</span>
<span style="position: absolute; left: 100; top: 25">
<img src="barv.jpg" width="120" height="135">
</span>
<span style="position: absolute; left: 100; top: 195">
<img src="barv.jpg" width="120" height="415">
</span>
<span style="position: absolute; left: 858; top: 25">
<img src="barv.jpg" width="2" height="505">
</span>
<span style="position: absolute; left: 220; top: 528">
<img src="bild1.jpg" width="270" height="80">
</span>
<span style="position: absolute; left: 612; top: 27">
<img src="logo.jpg"height="131">
</span>
<div style="position: absolute; top: 650; left: 400;">
<font face="arial" size="1" color="#999999"
<p>
© 2007 Gabi Reiter. Alle Rechte vorbehalten.
</p>
</font>
</div>
</body>
-
leider zeigt der Internet Explorer etwas anderes an als der Firefox-Browser.
Das ist so gut wie immer der Fall.
im Internet Explorer wird es derzeit richtig angezeigt.
Oh contraire! Das ist so gut wie nie der Fall.
Kann jemand das Problem lösen?
Ja, eine <http://de.selfhtml.org/css/formate/box_modell.htm#standardkonform@title=Dokumenttyp-Deklarationen für den standardkonformen Modus>.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Ersetze den Verursacher.
Roland
-
Moin
Ja, eine <http://de.selfhtml.org/css/formate/box_modell.htm#standardkonform@title=Dokumenttyp-Deklarationen für den standardkonformen Modus>.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Ersetze den Verursacher.
das wird wohl nicht reichen, die Beseitigung der Fehler im Quellcode sollte Hand in Hand damit gehen.
Gruß
rfb--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)-
Ihr seid ja lieb, danke. Leider hilft mir das kein bisschen weiter, da ich gerne wüsste WIE ich die Fehler beseitige. Das welche drin ist, dachte ich mir, sonst würde es ja funktionieren. Seht ihr die Lösung? Könnt ihr mir helfen?
-
Ihr seid ja lieb, danke. Leider hilft mir das kein bisschen weiter, da ich gerne wüsste WIE ich die Fehler beseitige. Das welche drin ist, dachte ich mir, sonst würde es ja funktionieren.
Du pappst eine gesamte Tabelle in ein font-Element, das ist nicht erlaubt. Verzichte generell auf <font> und gestalte wenigstens die http://de.selfhtml.org/css/eigenschaften/schrift.htm@title=Schriftformatierung mittels CSS. Meinen ersten Hinweis hast du nicht beachtet, zusätzlich wäre die Angabe der http://de.selfhtml.org/inter/zeichenkodierungen.htm@title=Zeichenkodierung auch für den HTML-Validator wichtig.
Roland
-
Hallo,
Ihr seid ja lieb, danke. Leider hilft mir das kein bisschen weiter, da ich gerne wüsste WIE ich die Fehler beseitige. Das welche drin ist, dachte ich mir, sonst würde es ja funktionieren. Seht ihr die Lösung? Könnt ihr mir helfen?
Wie du willst. Dann zerpflücke ich mal deinen Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Hier solltest du, wie erwähnt eine aktuelle Dokumenttyp-Deklaration für den standardkonformen Modus einfügen.
<html>
<head>
<style type="text/css">
a:link { text-decoration:none; color:#666666; }
a:visited { text-decoration:none; color:#666666; }
a:hover { text-decoration:none; color:#000000; }
a:active { text-decoration:none; color:#000000; }
a:focus { text-decoration:none; color:#000000; }Das ist nicht falsch, aber du machst es dir ziemlich kompliziert.
Das:
a {text-decoration:none;} a:link, a:visited {color:#666666;} a:hover,a:active,a:focus {color:#000000;}würde reichen. Allerdings solltest du :visited möglichst etwas anders als :link formatieren.
[…]
<body bgcolor="#ffffff" text="#666666" link="#666666">Wozu brauchst die diese Attribute? Die Formatierung für „link=""“ steht bereits in deinem CSS. Hintergrundfarbe und Textfarbe kannst du auch ohne Probleme im CSS-Abschnitt festlegen:
body {color: #666666; background-color: #ffffff;}<font face="verdana">
<table border="0" cellpadding="0" cellspacing="0" width="650">Erstens hat das <font>-Element ebenfalls nichts mehr in aktuellen Seiten zu suchen und außerdem ist es nicht erlauft, in dieses eine Tabelle zuschachteln.
<tbody>
<tr>
<td valign="top" width="755">
<span style="font-size:10">
<div style="width: 107; height: 35; position: absolute; left: 225; top: 160"><a href="wievieledinge.htm">Wieviele Dinge braucht der Mensch?</a></div>Auch <div>s haben in <span>-Elementen nichts verloren.
Was willst du mit
style="font-size:10"ausdrücken? 10 Äpfel 10 Birnen oder 10 Pflaumen? Gleiches gilt für die Höhenangeben.Warum positionierst du alles absolut?
[…]
</td>
<td valign="top"><span style="font-size: 12.5; letter-spacing: 0.02px; line-height: 1.36em; position: absolute; top: 226; left: 269; width: 520; height: 371">
<p></p>
</span>
</td>
</tr>
</tbody>
</table>Die Tabelle hat genau 2 Zeilen mit je einer Zelle. Wäre es da nicht angebracht, ein strukturell sinnvolleres Element zu verwenden? Zumal du ja eh versuchst, alles absolut zu positionieren.
[…]
</font>
</div>
</body>Hier hast du vergessen, das <html>-Element zu schließen.
Alles in allem würde ich sagen: Die Fehlerquellen sind die vergessenen Einheiten bei den Größenangaben per CSS und die fehlerhafte Schachtelung der Elemente.
mfg. Daniel
-
Hi
Was willst du mit
style="font-size:10"ausdrücken? 10 Äpfel 10 Birnen oder 10 Pflaumen? Gleiches gilt für die Höhenangeben.Oder wie unser Ex-Physik-Lehrer sagen würde: 10 Obstsalate *scnr*
mfg
Genie
-
-
-
-
-
Hilfreich ist der HTML Validator dem aber schon der richtige Zeichensatz bei dir fehlt, wenn man einen auswählt kommen zwar Fehlermeldungen, diese hängen aber z.T. mit deinem ungünstig gewähltem DOCTYPE zusammen.
Und für das CSS gibt es - tadam - einen CSS Validator der auf jeden Fall schon mal die fehlenden Einheiten bemängelt.
Struppi.
--
Javascript ist toll (Perl auch!) -
Hallo Katja,
leider zeigt der Internet Explorer etwas anderes an als der Firefox-Browser.
das ist an sich normal und kein Grund, etwas dagegen zu unternehmen. Exakt die gleiche Darstellung in allen Browsern zu erreichen ist weder sinnvoll noch immer möglich.
Der grüne Querbalken ist um ca. 13px verschoben, im Internet Explorer wird es derzeit richtig angezeigt.
Ach, tatsächlich? So, dass der grüne Balken die obere Zeile der Links in der Navigationsleiste schneidet? Kann ich mir nicht vorstellen (Screenshot im IE 5.5, 52k PNG).
Kann jemand das Problem lösen?
Auf die Fehler in deinem Quellcode haben dich ja schon einige Mitposter aufmerksam gemacht.
So long,
Martin--
Der Alptraum jedes Computers:
"Mir war, als hätte ich gerade eine 2 gesehen." -
Hallo,
ich danke euch allen recht herzlich für die zahlreichen Tipps. Hab die Seite jetzt von Grund auf überholt und prompt funktioniert sie in allen Browsern. Ich denke, sollten jetzt noch Fehler drin sein, handelt es sich um Kleinigkeiten.
Hoffe ihr hattet schöne Feiertage, vielen Dank!
Katja
