Darstellung im IE und Mozilla verschieden

[zOMBee]

Hallo Leute,

ich hab vor eine neue Website mit CSS zu gestalten.
Das Grundgerüst ist erstmal soweit ok. Aber bereits jetzt hab ich Probleme mit der Darstellung in den verschiedenen Browsern.

Wichtig sind mir der IE 6.0 und der Mozilla.

Hier erstmal der Link zur Seite:
http://anotherland.de

Und hier der Link zur CSS-Datei:
http://anotherland.de/style01.css

Das Bild ist nur zu Testzwecken eingesetzt.

Im IE habe ich einen Spalt zwischen Menü und Rechter Spalte, der soll weg.
Hab margin und padding in allen containern bereits auf 0px.

Warum ist das so?

Beim Mozilla schiebt es mir den CONTENTS Container unters Menü, auch nicht sehr schön.

Da ich alles mit Hintergrundgrafiken versehen möchte, brauche ich dringend Hilfe dabei.

Vielen Dank im Vorraus

[satre]

Hallo,

benutze zunächst einen vollständigen Doctype. Andernfalls läuft der Internet Explorer im Quirksmodus und rendert das Boxmodell falsch.

[zOMBee]

Danke satre,
mensch manchmal kommt man einfach nicht auf die simpelsten sachen.


Hab mal nen doctype eingefügt und paar Änderungen gemacht.

sieht jetzt so aus:

http://anotherland.de

Gefällt mir erstmal ganz gut, werde mal Photoshop wirken lassen.

Meld mich nochmal mit dem result...

Bis später, zOMBee.

[Boris]

Wenn du XHTML nutzen willst (siehe Doctype), solltest du auch alles in XHTML schreiben - siehe:
http://validator.w3.org/check?verbos...therland.de%2F

[IamLEGEND]

habe ein ähnliches problem
im Firefox korrekt, im IE leider verschoben. Irgendwo fehlt irgendwas. Aber langsam dreh ich hier im Kreis und komme nicht weiter. Kann mir jemand helfen?

[Boris]

Auch bei dir fehlt der Doctype komplett und dein HTML steckt voller Fehler. Da erwartest du eine gleiche Anzeige in den Browsern?

[danihue]

Hallo,

ich schließe mich dann auch mal an ... auch bei mir ist die Darstellung im IE und im FF verschieden. Während im IE alles korrekt angezeigt wird, macht der FF Schwierigkeiten.

Hier ist der Link:

http://www.rsb.huechtemann.com

Bisher habe ich erst die obere/horizontale Navigation fertiggestellt, die rechte Navigation ist noch nicht korrekt verlinkt - die Darstellung dieser Seiten steht also nicht zur Debatte.

Hat jemand eine Idee wie ich das Problem beheben kann? Ich komm echt nicht weiter ...

[Boris]

Schreib dir eines auf einen großen Zettel - wenn der FF etwas falsch anzeigt, ist dein CSS fehlerhaft. Selbst wenn der IE5 oder 6 es für dich "korrekt" anzeigen.

Ich habe keinen IE hier, könntest du uns sagen, was der FF denn jetzt falsch macht?

[danihue]

... habs notiert

Im Anhang habe ich die beiden Ansichten mal gegenüber gestellt. Ich denke dann wird klar, wo mein Problem liegt...

[Boris]

Der Hintergrund fehlt beim Firefox - was er auch richtig macht, auch wenn es falsch aussieht.

Du benutzt floats, hast aber nirgends orendtlich clear benutzt - was nötig wäre. Der IE macht es hier falsch, indem er einfach so cleart, ohne Angabe. Daher sieht es zwar "richtig" aus, ist es aber nicht.

Die Email-Adresse wird nicht automatisch umgebrochen, das ist "normal". Das musst du selbst manuell angeben (mit einem <br />).

[danihue]

Du benutzt floats, hast aber nirgends orendtlich clear benutzt - was nötig wäre. Der IE macht es hier falsch, indem er einfach so cleart, ohne Angabe. Daher sieht es zwar "richtig" aus, ist es aber nicht.

Das mit den floats und dem clear habe ich gerade bei self html nachgelesen, werde aber nicht so ganz schlau daraus. Heißt das nun für mich, dass ich jedesmal, wenn ich einen float benutzt habe ihn anschließend mit einem clear wieder aufheben muss??

[theo]

Heißt das nun für mich, dass ich jedesmal, wenn ich einen float benutzt habe ihn anschließend mit einem clear wieder aufheben muss??

nicht zwangslaeufig. clear kann auswirkungen auf alle gefloateten objekte eines seiteninhalts und damit negative auswirkungen auf anordnung und darstellung haben. am besten ist es, wenn du dir saubere formatierung von block- und inline-objekten ansiehst und dir dann vor augen haeltst, was bei einem float mit ihnen wirklich passiert.

[hero-master]

Den hier darf ich endlich mal wieder posten

Float - Die Theorie

[danihue]

Danke für den Artikel, der war sehr hilfreich. Zwar habe ich das mit dem "clear" noch nicht ganz verstanden aber ich habe mein Darstellungsproblem lösen können.

Danke für eure Hilfe