PDA

CSS-Problem mit DIV Height=100% und Scrollbalken





Archiv verlassen und diese Seite im Standarddesign anzeigen: CSS-Problem mit DIV Height=100% und Scrollbalken


Keyser Soze
27.06.2007, 23:07
Hallo,

ich bastele gerade (ehrenamtlich) an einer Webseite und habe ein Problem mit CSS (Stylesheets). Es geht um die Seite www.wirfeiern.es und um das Menü auf der linken Seite mit hellgrauem Hintergrund. Dieser Hintergrund soll immer bis ganz nach unten bis zum Footer gehen. Normalerweise wäre das nicht der Fall und er würde immer nur bis dahin gehen, wo der Menütext unten zu Ende ist. Ich habe im Stylesheet deshalb nun height=100% eingestellt für das Sidebar-DIV-Element.
Das funktioniert nun zwar, ein neues Problem ist nun aber, dass nun immer ein ziemlich langer Scrollbalken in sämtlichen Browsern erscheint und man den Footer nicht mehr sieht ohne Scrollen, selbst wenn kein Inhalt im Menü und Hauptcontent steht.

Es geht um das Sidebar-Element (div) aus der CSS-Datei. Ich musste außer bei diesem Element auch bei den beiden übergeordneten Elementen (BODY und div-"wrap" auch height=100% angeben, damit es für das Subelement klappt). Diesen Trick hatte ich in einem Forum gefunden über Google.
Nur das Problem mit dem riesigen Scrollbalken wurde da nicht erwähnt

http://forum.de.selfhtml.org/archiv/2006/5/t129625/
Dort hat jemand Problem das gleiche Problem, eine Lösung weiß da aber auch keiner :(

Falls jemand eine Lösung weiß, bin ich über Vorschläge sehr dankbar :-D



manitougs
28.06.2007, 00:51
Hi

Ich hatte mich selbst schon mal nach mehrspaltigen Layout mit Containern informiert und stolperte immer wieder über den Begriff "Faux Columns".
Bin aber noch nicht so weit gekommen, dass ich das mal praktisch in Angriff genommen hätte.
Google wirft etliches dazu aus und auch hier (http://xhtmlforum.de/) findest Du einiges dazu.

Vielleicht hilfts Dir ja...

Keyser Soze
28.06.2007, 11:06
Hi. Die Lösung von http://alistapart.com/articles/fauxcolumns/ funktioniert hier leider nicht, weil das nur klappt, wenn man ein Hintergrundbild ins Body-Element einfügt und auf der gesamten Seite von ganz oben bis ganz unten den Menühintergrund haben möchte.
Bei mir beginnt das Menü aber nicht ganz links oben im Browserfenster, sondern erst unter dem Header. Genau ist das Problem und das wird auch bei den "Faux Columns"-Beispielen nicht behandelt :(

Keyser Soze
28.06.2007, 11:18
Ok, jetzt habe ich eine Lösung gefunden:
http://www.positioniseverything.net/articles/onetruelayout/equalheight

Danke für den Tipp mit den "Faux Colums", dadurch bin ich auf diese Seite gestoßen. :up:

Archiv verlassen und diese Seite im Standarddesign anzeigen: CSS-Problem mit DIV Height=100% und Scrollbalken