Zweispaltiges Seitenlayout mit float & Hintergrund

Computer: Software & Programmierung HTML & CSS
#1

Servus!

Ich meine, dass der Problem hier schon mal geklärt wurde - ich finde es nur leider nicht mehr wieder :frowning:

So sieht die Webseite im Moment aus (realisiert mit drei DIV-Containern und float): http://img79.imageshack.us/img79/7286/habenbj7.jpg

Unter dem Header der mit dem roten Balken endet und über die gesamte Fensterbreite geht, ist links ein Container für die Navigation und rechts ein Container für den Inhalt. Soweit alles wunderbar.
Ich hätte es aber gerne, dass es so aussieht: http://img355.imageshack.us/img355/3295/sollic8.jpg

Der Container (oder sonst irgendein Hilfsmittel) soll sich soweit nach unten ziehen, wie der rechte Inhalts-Container hoch ist.

Bin für jeden Hinweis dankbar!

#2

Hallo Florian,

mach doch einfach um die unteren beiden Div’s (Menü und Formular) ein weiteres Div, in dem du nur das Hintergrundbild anzeigst (eine 1px hohe graue linie, in y-Richtung wiederholt).

Grüße,
Kerstin

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#3

Funktioniert so nicht…
…die Höhe des Navi-DIVs soll ja der des Inhalt-Divs entsprechen! Ich meine mich zu erinnern, dass das irgendwie mit nem Hintergrundbild gelöst werden konnte…

#4

Habs…
…wiedergefunden!!!
Das Zauberwort heißt Faux Columns: http://www.alistapart.com/articles/fauxcolumns/

#5

Wieso soll das nicht funktionieren? Das tut es hier doch auch:

http://www.einhorn-apotheke-lemgo.de

Die 3 Div’s nebeneinander haben auch nicht alle die gleiche Höhe, trotzdem wird das Hintergrundbild (eine Linie) über die gesamte Höhe angezeigt.

Grüße,
Kerstin

#6

Habe es beim ersten lesen nicht so ganz verstanden, was der zus. Container soll… Sorry!