IE ignoriert CSS Anweisungen

Hallo,

ich hoffe, ich bin hier richtig.
Meine Seite ist mittlerweile im Testbetrieb auf dem Server. Wer gucken möchte: http://www.koni-artwork.de/contao/

Jetzt habe ich aber Riesenprobleme mit dem IE:

• Er setzt die Sidebar immer über die Navigation, anstatt rechts darunter wie alle anderen Browser
• Er ignoriert fleißig das über Conditional Comments eingebundene Stylesheet
• Er ignoriert die @font-face Anweisung, obwohl alles stimmt. Mit einer statischen Seite auf dem Server hat's nämlich funktioniert

Kann mir bitte jemand helfen? Ich weiß nicht, woran es liegt. Im Seitenlayout ist das Stylesheet eingebunden und es wird auch geladen.

Liebe Grüße,
Manu

Hallo,

ich habe zwar gerade keinen IE zur Hand aber ich glaube den Fehler zu sehen.
Wie folgt, du hast die Navigation im Container "main" und dieser kommt nach dem Container "right".
Nun hat der IE seine Probleme mit dem Float. Du hast main relative gefloatet und right rechts. Dazu hast du das Menü im main. Würde das Menü in den Head tun und dann das main links floaten und mit einer festen Weite versehen.

@front-face gehört aber nicht mehr zur CSS2.1 darum würde ich es ganz weg lassen und die notwendigen Angaben über definierte Angaben setzen.

Warum jetzt das Conditional Comments Stylesheet nicht eingebunden wird kann ich so nicht sehen. Könntest du hierzu mal angeben wie du es einbindest?

LG Kirsten

Vielen Dank für deine Hilfe!
Das Stylesheet habe ich ganz normal über das Contao Backend eingebunden mit Conditional Comment IE (viel steht noch nicht drin, weil es komplett neu aufbauen wollte, um den Fehler zu finden). Mal sehen, ob sich das Problem nicht vielleicht schon in Luft auflöst, wenn die Navi nicht mehr im Main-Bereich pappt!

@font-face gehört zwar zu CSS3, wird aber schon von allen Browsern unterstützt. Daher sehe ich eigentlich kein Problem, es zu verwenden. Ist halt die Frage, warum der IE sich wieder querstellt, in der statischen Testseite hatte es einwandfrei funktioniert.

Das Contao Framework ist eigentlich sehr stabil, was die Anordnung und das Floaten der Spalten betrifft. Alle Browser sind hier schon berücksichtigt. Du brauchst also eigentlich keine CCs.

Versuche dich anders in deine Anordnung reinzudenken. Du könntest z.B. auch die Subnavigation noch in den Header packen. Versuche erstmal nur alle 5 angebotenen Layoutbereiche zu benutzen und sie nur übers Seitenlayout zu steuern. Überlege dir, in welche Layoutbereiche du am besten welche Elemente reinpackst. Den Rest machst du dann über CSS mit ein wenig padding, margin, position, display:[inline|block] und float hier und da. Ich habe die Eigenschaften in der Reihe ihrer "Gefährlichkeit" ;) aufgezählt, also die letzten am besten vermeiden, wenn es irgendwie geht.

Soviel ich weiß kannst du @font-face in 2.9.1 über die BE-Stylesheets noch nicht einbinden. Manuell müsste aber gehen.

Grüße

Für die @fontfce gibt es ein Ticket, das muss man bisher manuell über die zusätzlichen head-Tags einbinden.