fehlerhafte interpretation von firefox

Schau mal hier Validation Service

Zitat von lollypopbln

habe eine HP erstellte sie wird nur leider im Firefox falsch interpretiert.

er zerschmeist mir das ganze layout welches in css erstellt ist IE dagegen zeigt es mir so an wie ich es haben will.

Nun, ich möchte dich ja nicht enttäuschen, aber Firefox interpretiert den Quelltext nicht falsch. Das macht der IE. Der IE liefert nur das von Dir gewünschte Endergebnis, was Dich verleitet anzunehmen, IE würde es richtig machen.

Ist der Quelltext von Dir selbst erstellt, oder hast Du Dir irgendwo ein Layout-Template genommen und ausprobiert?

Diese "position:absolute"-Techniken kann ich nicht empfehlen.

Ansonsten fange erst einmal mit dem Beheben der Validator-Fehler an. Vor allem, setz einen DocType. IE und Firefox reagieren je nach DocType sehr unterschiedlich auf CSS.

http://www.validome.org/lang/ge

Zitat von bugcatcher

Diese "position:absolute"-Techniken kann ich nicht empfehlen.

Das hast du aber auch gelesen oder?

Dein HTML ist jetzt zwar fehlerfrei. Das trifft aber nicht auf CSS zu:
http://jigsaw.w3.org/css-validator/…rning=1&lang=de

Einfach mal ein paar Werte ändern, wird dich nicht zum Ziel führen. Du solltest schon wissen was Du machst.

Ich hab mir mal die CSS-Datei angeschaut:

margin:20px,0px,0px,0px;
padding:10px,5px,0px,10px;

Du trennst die ganze Zeit werte mit Kommas. Das ist nicht erlaubt. Mehrfachangaben werden durch ein Leerzeichen getrennt. Beispiel:

margin:20px 0px 0px 0px;
padding:10px 5px 0px 10px;

Es gibt auch einen CSS-Validator. Neben dem HTML sollte auch das CSS sauber sein, sonst verlässt Du Dich auf Browserkorrekturen und dafür gibt es keine Regeln, sprich: das macht jeder Hersteller wie er es für richtig hält.

Im HTML solltest Du unbedingt noch den Zeichensatz festlegen.

background-color:c69c6d;

Das ist keine korrekte Farbangabe, es fehlt die "#" am Anfang.

height:60;

Alle Größenangaben MÜSSEN in CSS eine Einheit haben (px/pt/em/%/usw.).

Also sobald Du uns genauer sagst was Du unter "Mist" verstehst, können wir Dir sicherlich zielgerichteter helfen. Wenn es um die Ausrichtung der Seite (Im Firefox linksbündig, im IE zentriert) geht... das ist ein Bug im IE, der eine Fehlinterpretation von text-align mit sich bringt. Statt nur Text auszurichten (TEXT-align), richtet IE alle Objekte entsprechend aus.

body {style.css (Linie 1)
background-color:#793D11;
color:#793D11;
font-family:Arial,Verdana,sans-serif;
text-align:center;
}

Wenn Du hier das text-align auf left stellst, oder ganz raus nimmst, sollte auch IE die Seite linksbündig darstellen.

Wenn Du das nicht gemeint hast, musst Du in Deinen Fehlerbeschreibungen spezifischer werden.

Fast alle deine Formatierungen enthalten ein position:relative;

Dazu machst du aber keine Angaben, wie die Position sein soll. Damit ist das Verhalten unbestimmt. Entweder du nimmst das raus, oder ergänzt um eine Angabe wie top, bottom, left oder right.

http://de.selfhtml.org/css/eigenschaf…ng.htm#position

Zitat von lollypopbln

ich bin beim über legen ob ich für den ie eine seperate formatierung schreiben werden um dies zu beheben,

Es wird Dir nichts anderes übrig bleiben.

Siehe http://de.selfhtml.org/css/layouts/browserweichen.htm (etwas weiter unten auf der verlinkten Seite).