proximus
Neues Mitglied
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/template/css/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 im Anhang)
Gibt es für den Internet Explorer eine Lösung, die Abhilfe schafft?
Dank im Voraus!
MfG,
Dennis. :-D
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. ;-)
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/template/css/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 im Anhang)
Gibt es für den Internet Explorer eine Lösung, die Abhilfe schafft?
Dank im Voraus!
MfG,
Dennis. :-D
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. ;-)
Anhänge
Zuletzt bearbeitet:
