Hallo,

ich habe mit CSS eine Website erstellt und sie wird im Firefox auch gut angezeigt, aber leider nicht im IE6.
Leider habe ich zu wenig Erfahrung um zu sehen, woran das genau liegt und wie ich das ändern kann.

Es wäre nett, wenn ihr drüberschauen und mir helfen könntet: Website

Danke, Marcel

Hallo,

gut wäre zu wissen, was denn genau falsch aussieht. Denn hier mit dem FX (portable) sieht es sehr ähnlich aus, wie im IE6. Hier und da kleinere Unterschiede, aber nichts, was total zerrissen aussieht

mfg

Holger

Hallo Holger,

total zerissen wird es auch nicht, aber es sieht eben nicht so aus, wie im Firefox. So wie es im Firefox ausschaut, so ists richtig und soll es auch im IE6 aussehen
Was ist das?

Gruß Marcel

Wäre trotzdem gut zu wissen, worauf man achten muss.

@double margin float bug: Es sieht zumindest so aus. Der Inhalt im IE ist weiter rechts als im FF. Aber ich habe den Quelltext mal durchgeguckt und da is nix mit floaten. Deswegen hatte ich es auch aus meinem Post rausgelöscht.

Edit: hier noch ein Link zum Thema: Workshop – Der "Doppelrand-Bug" (Double margin bug)

Okay, ich dachte es sei ersichtlich, aber es ist auch kein Problem es nochmals aufzuzeigen.

Also:

• Das Mainmenu (linke Spalte) und der Inhalt (mittlere Spalte) sowie die rechte Spalte sind jeweils nach rechts verschoben.
• zwischen der Bilderleiste und dem grauen Schatten, der den Übergang zum Inhalt schaffen soll, hat sich die Hintergrundgrafik eingeschlichen und ist auch nach rechts verschoben. Diese dürfte aber überhaupt nicht da sein.
• in der rechten Spalte ist der Kasten "Kurz&Knapp" breiter als die Umfrage, obwohl die beide gleich css-definiert sind.
  Und in der Umfrage sind die "li" zentriert, obwohl ich das nicht bewusst angegeben habe.

Gruß Marcel

Sorry, wenn ich pushe, aber die Website soll diese Woche online und ich hatte nicht gedacht, dass der IE6 das so blöde darstellt.

Hat noch jemand eine Idee, woran das liegt und kann mir bitte helfen?

Gruß Marcel

Grundregel 1: Validieren! Bei Dir steht z.B. <?xml version="1.0"?> an der falschen stelle. Eigentlich kann ads gleich ganz weg, das vor dem Doctype schickt den IE<7 in den Quirksmodus.

Wenn es pressiert und Du den/die Fehler nicht findest kannst Du immer noch per CoditionalComment dem IE die nötigen CSS Angaben extra mitgeben, so dass die Seite auch dort passend aussieht. Sinnvoll ist eine auf diese Weise eingebundene CSS-Datei für den IE sowieso, um dessen Fehler zu korrigieren.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs

Okay, ich habe das <?xml version="1.0"?> ganz rausgelöscht.
Okay, ich werde versuchen ein eigenes CSS-File für alle kleiner gleich IE 6 anzulegen. Aber damit weiß ich ja immer noch nicht, was ich ändern muss, damit der IE6 oder die darunter es auch richtig anzeigen

Gruß Marcel

leider nein: Internationales Forum Altötting - Startseite

den Fehler sehe ich auf Anhieb nicht. Der double-float-margin Bug scheint es nicht zu sein. Oder verwendest Du margin in derselben Richtung wie ein float?

Dank der extremen Verschachtelung und des Tabellenlayouts (wozu das?) mitten in Deinem DIV-Layout wird die Fehlersuche nicht einfacher.

Evtl. reicht auch ein einfaches "globales Nullen" der Abstände wie im FAQ Thread unter "CSS Prolog" empfohlen wird.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs

ojeoje, das ist mir jetzt aber wirklich sehr peinlich!!
Ich habe die falsche URL angegeben

Die Seite die ich meine hat noch ein 2007 hintendran und lautet
Internationales Forum Altötting - Startseite

Verzeiht mir und schaut bitte da nochmal drüber.

Dies waren die Fehler:

• Das Mainmenu (linke Spalte) und der Inhalt (mittlere Spalte) sowie die rechte Spalte sind jeweils nach rechts verschoben.
• zwischen der Bilderleiste und dem grauen Schatten, der den Übergang zum Inhalt schaffen soll, hat sich die Hintergrundgrafik eingeschlichen und ist auch nach rechts verschoben. Diese dürfte aber überhaupt nicht da sein.
• in der rechten Spalte ist der Kasten "Kurz&Knapp" breiter als die Umfrage, obwohl die beide gleich css-definiert sind.
  Und in der Umfrage sind die "li" zentriert, obwohl ich das nicht bewusst angegeben habe.

Das ist ein Template für das CMS-System Joomla. Die Tabellenlayouts sind aus dem Core des CMS und lassen sich leider - noch nicht - verhindern.