da bei wenig Inhalt oder hoher Bildschirmauflösung meine Seite in der Luft „hängt“, habe ich eine Fußzeile gemacht, welche am unteren Rand des Browsers stehen soll.
Funktioniert das bei jedem? Geht es besser?
Beim untersten Rahmen muss man immer noch scrollen. Wie kann man das noch ändern?
[/code]
PS: Die aktiven Links werden bei mir durch die "Body ID"-Methode angezeigt. Jedoch funktioniert das nicht beim Impressum in der Fußzeile. Vielleicht kann mir da auch jemand helfen.
Könnte daran liegen, daß #alles bei mindestens 100% Höhe noch
einen Rahmen oben von 2px hat. Das ergibt zusammen etwas
mehr als 100%. Kannst ja mal testweise weglassen, um zu
gucken, ob es daran liegt …
[quote=“hoffmann”]Könnte daran liegen, daß #alles bei mindestens 100% Höhe noch
einen Rahmen oben von 2px hat. Das ergibt zusammen etwas
mehr als 100%. Kannst ja mal testweise weglassen, um zu
gucken, ob es daran liegt …[/quote]
Perfekt. Das war’s. Danke.
Ich habe den oberen Rahmen bei #alles entfernt und ihn bei #kopf ergänzt. Jetzt ist es genau so, wie ich es wollte.
Leider macht die Fußzeile doch Probleme im IE8 und FF. Die Fußzeile steht zwar unten, wie gewollt. Aber wenn bei einer scrollbaren Seite der Inhalt kürzer ist, als das Menü, wird die Hintergrundgrafik (in #alles) nur bis zur Höhe des Inhaltes wiederholt. Sprich: es fehlt ein Sück bis zum Ende des Menüs. Hoffentlich kann mir jemand helfen.
Das liegt daran das das Menü div ausserhalb des Inhalt div liegt und deshalb nicht mit wächst!Du müsstest das Menü div in den Inhalt div verlagern und dann wächst der Inhalt div mit!
Das liegt daran das das Menü div ausserhalb des Inhalt div liegt und deshalb nicht mit wächst!Du müsstest das Menü div in den Inhalt div verlagern und dann wächst der Inhalt div mit!
camou [/quote]
Danke, das ist wahrscheinlich ein Weg zur Besserung. Aber nicht die Lösung des Problems.
Denn die Hintergrundgrafik ist in #alles hinterlegt. In dem div #alles sind die divs #menue und #inhalt nebeneinander gestellt.
Ich würde jetzt erwarten, dass sich die Hintergrundgrafik nach dem längsten Seiteninhalt richtet. Genau so war es jedenfalls, bevor ich die Fußzeile einfügte.
Aber wieso richtet sie sich nur nach #inhalt aus? Das kann ich im CSS einfach nicht erkennen.
das kann deshalb nicht gehen, weil das div fuß nicht in #alles liegt. das hintergrundbild ist ja nur im div #alles, also wird es auch nur in diesem div angezeigt
Das ist klar. In div #fuss gehört die Hintergrundgrafik auch nicht rein. Lediglich die divs #menue und #inhalt werden und sollen damit hinterlegt werden.
Das Problem besteht darin, dass nicht das komplette div #alles gefüllt wird, sondern nur die Höhe des divs #inhalt. Also wird bei einem langen Menü kein Hintergrund dargestellt.
Also das fragliche Hintergrundbild ist vermutlich der rote Strich
auf der linken und rechten Seite?
In der Tat hat der bei Opera zumindest die Höhe von 100%
des Anzeigebereiches, sofern man die Höhe weit genug
aufgezogen bekommt, daß min-height: 100% angewendet
werden. Bei den anderen Galerien kommt das wohl nicht zum
Einsatz, weil dort der Inhalt sowieso 100% der Höhe einnimmt.
Die Ursache dafür dürfte darin liegen, daß das längere Menü
per float aus dem normalen Textfluß genommen wurde.
Vermutlich reicht es, hinter #inhalt ein weiteres leeres
div anzuhängen, dem z.B. eine Klasse ‘clear’ zuzuordnen und
zu formulieren:
div.clear {clear: both} um das float zu beenden.
[quote=“hoffmann”]Die Ursache dafür dürfte darin liegen, daß das längere Menü
per float aus dem normalen Textfluß genommen wurde.
Vermutlich reicht es, hinter #inhalt ein weiteres leeres
div anzuhängen, dem z.B. eine Klasse ‘clear’ zuzuordnen und
zu formulieren:
div.clear {clear: both} um das float zu beenden.[/quote]
Danke für eure Bemühungen. Mit clear:both klappt es wunderbar.