Browserkompatibilität

ziriander · 08.04.2006, 08:22

Hallo Leute,

habe ein Problem mit der Browserkompatibilität. Die Seite www.simone-hensel.de wird im IE richtig angezeigt, im Firefox aber nicht. Dreamweaver zeigt mir keinerlei Fehler zur Seite an. Habt ihr eine Idee woran das liegt.

Danke für eure Hilfe
ziriander

MichaelM · 08.04.2006, 14:06

Ich schätze mal es liegt daran:

Ändere mal Dein Doctype

Außerdem habe ich gerade noch einen Fehler in Deinem Code entdeckt.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD>

Erst kommt <HEAD> und dann HTML

Also, richtig wäre es so:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body>
</body>
</html>

hero-master · 08.04.2006, 17:47

Hallo ziriander

bei so einer Fehldarstellung wie sie der FF bei dieser Seite macht, liegt es nahe, dass es einen Fehler im CSS gibt, da einige Objekte per CSS definiert werden, andere nicht.
Bei CSS musst du auf korrekte Groß- und Kleinschreibung achten:

A.menu:link musst du zu a.menu:link umformen, etc

Dem IE ist das völlig egal, ob es groß oder klein geschrieben wird (gilt übrigens auch für Dateinamen oder -endungen)

ziriander · 09.04.2006, 06:47

Vielen Dank, jetzt sieht es viel besser aus. Habe nur noch Probleme mit einem Layer der im FF anders angezeigt wird als im IE. Gleich oben die erste Zeile im Header "Yoga Entspannung ... " sitzt im FF zu tief. Bin etwas ratlos, da die css Formatierung eigentlich stimmen sollte. Bei den anderen Layern klappt es ja auch.

Falls ihr mal die css sehen wollt : http://www.simone-hensel.de/css/content.css

glowy · 09.04.2006, 10:33

Zitat:

Zitat von MichaelM

[...]
Außerdem habe ich gerade noch einen Fehler in Deinem Code entdeckt.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD>

Erst kommt <HEAD> und dann HTML

Also, richtig wäre es so:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body>
</body>
</html>

Also, die Behauptung, dass zuerst <head> und dann <html> kommt ist schlichtweg falsch, wahrscheinlich hat sich da aus Versehen ein Fehlerteufelchen eingeschlichen bei MichaelM, denn das Beispiel unten stimmt ja, selbst da kommt zuerst <html> und dann <head>.

Denn zuerst muss deklariert werden, was der Browser empfangen soll und dann kommt der semantische Code, der nun mal mit den allgemeinen, nicht interpretierten Angaben im <head>-Bereich beginnt.

MfG

hero-master · 09.04.2006, 14:49

Zitat:

Zitat von ziriander

Gleich oben die erste Zeile im Header "Yoga Entspannung ... " sitzt im FF zu tief.[/url]

Du hast den Text in einem p-Tag stehen.
Dieser hat vordefinierte Außenabstände. Gib dem p-Tag in diesem Div einfach ein margin:0; padding:0 , dann dürfte das klappen

Überschriften sollten aber eigentlich semantisch korrekt in h-Tags gepackt werden.

MichaelM · 09.04.2006, 15:15

Zitat:

Zitat von PythOn_tp

Also, die Behauptung, dass zuerst <head> und dann <html> kommt ist schlichtweg falsch, wahrscheinlich hat sich da aus Versehen ein Fehlerteufelchen eingeschlichen bei MichaelM, denn das Beispiel unten stimmt ja, selbst da kommt zuerst <html> und dann <head>.

Denn zuerst muss deklariert werden, was der Browser empfangen soll und dann kommt der semantische Code, der nun mal mit den allgemeinen, nicht interpretierten Angaben im <head>-Bereich beginnt.

MfG

Oh, hast Recht ein Fehlerteufelchen.

ziriander · 09.04.2006, 15:36

Der IE scheint allem möglichem gegenüber recht "unempfindlich" zu sein und ich merke immer wieder wie das zu einer gewissen Oberflächlichkeit verleitet.

Jetzt scheint jedenfalls alles in Ordnung zu sein. Vielen Dank noch mal an euch.