✔ flex. Höhe sieht im IE blended aus im O & FF jedoch zum schreien!

Status
Nicht offen für weitere Antworten.
G

gaengsterbruth

Mitglied
Hallo!

Bin kurz vor dem verzweifeln, öffne ich meine Seite im IE sieht sie genau so aus wie ich das gerne hätte. Sobald der Content grösser wird als das Content Element wird die Höhe der Inhaltsmenge angepasst(z.B. wenn auf Arbeitsgebiet gedrückt wird).

Meine Seite: http://www.gaengsterbruth.ch
Mein CSS:http://www.gaengsterbruth.ch/fileadmin/mst/css/main.css


Wenn ich die Seite in Firefox oder Opera öffne, wird der untere Rand des Contents nicht am richtigen Ort angezeigt. Nehme an das Problem hat was mit dem Boxobjektmodell zu tun, das von IE anders interpretiert wird als nach Norm. Finde jedoch nicht heraus, wie ich dieses umgehen kann.

Kann mir jemand helfen?
Wie ich des Ganze umbasteln muss ?
Oder ist das Problem an einem anderen Ort ?

Gruss
 
Zuletzt bearbeitet:
Verwende für die Seite mal einen Doctype, der den IE 6.0 nicht in den Quirksmodus versetzt, und er das Boxmodell nicht falsch interpretiert, wie beispielsweise diesen hier:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
Denn Firefox und Opera sind die Browser, die das CSS bzw. Boxmodell korrekt interpretieren, und nicht der IE.
 
Die Lücke zum unteren Content-Rand lässt sich mit folgender CSS-Regel schliessen:

Code: 
#contentContent h2, #contentContent h3, #contentContent p {
margin: 0;
}
 
Jo ist eigentlich schon logisch das es der IE ist, der des Boxenmodell nicht richtig interpretiert(wie könnte es auch anders sein als das sich Windows wieder mal ne Extrawurscht erlaubt),

Hab nur das Problem das die HTML Eckdaten von Typo3 generiert werden und ich nicht weiss ob oder wie ich auf diese Einfluss habe.

Werde aber morgen mal testen, ob es mit dem anderen Doctype besser läuft.
Danke für den Tip :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück