Dennis H.: DIV m. height: 100% im IE

SELF-Forum

DIV m. height: 100% im IE

Dennis H.
– Informationen zu den Bewertungsregeln

Mahlzeit!

Nach anfänglichen Problemen habe ich ein Layout auf CSS umgerüstet. Es basiert vorerst ausschließlich auf verschiedenen DIVs und enthält keine Bilder.

Hier zuerst mal mein Beispiel: http://dennishoene.de.funpic.de/template/template.html
(Bitte ignoriert die JS-Werbung!)

Der dazugehörige Stylesheet: http://dennishoene.de.funpic.de/temp...s/template.css

Mein Problem ist folgendes: Um einen Hintergrund zu erzeugen, verwende ich 3 verschiedene DIVs der Klasse ".bg", jeweils mit teilweise unterschiedlichen CSS-Angaben, um verschiedene Farben verwenden zu können. Ich verzichte bewusst auf ein Hintergrundbild (obwohl es einfacher wäre), weil alle Farben im Nachhinein durch ein CMS anpassbar sein sollen.

Die DIVs der Klasse .bg gehören zu einem Container mit der ID #wrapper. Mit Hilfe eines Tutorials habe ich es so vorgesehen, dass sich #wrapper (inkl. Tochter-DIVs) über 100% der Bildschirmhöhe erstreckt - und falls der enthaltene Text länger ist - auch mitwächst.

Da die .bg-Elemente zu #wrapper gehören, sollen sich diese auch über 100% der Höhe erstrecken, so wie es für ein Pseudo-Hintergrundbild typisch ist (repeat-y).

Allerdings stoße ich nun auf Schwierigkeiten was die Browserkompatiblität angeht: Während die Hintergrund-DIVs (Klasse .bg) im Firefox fleißig mitwachsen wenn der Inhalt länger wird (habe exemplarisch einige <br /> eingefügt), nehmen sie im Internet Explorer weiterhin nur 100% der Bildschirmhöhe ein und wachsen nicht mit. (-> Screenshots: http://dennishoene.de.funpic.de/template/screenshot_firefox.jpg , http://dennishoene.de.funpic.de/template/screenshot_ie.jpg )

Gibt es für den Internet Explorer eine Lösung, die Abhilfe schafft?

Dank im Voraus!

MfG,
Dennis.

Btw: Im Opera besteht das Problem, dass meine Hintergrund-DIVs garnicht angezeigt werden. Dafür habe ich auch noch keine Lösung...

Achja, beim Aufräumen des Stylesheets war ich etwas übereifrig. Deshalb sind die Definitionen z.T. etwas verschachtelt.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. DIV m. height: 100% im IE

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Hier zuerst mal mein Beispiel: http://dennishoene.de.funpic.de/template/template.html

    http://404.funpic.de/404.html ->  Diese Seite ist leider nicht verfügbar.

    freundliche Grüße
    Ingo

    --
    [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln