CSS div mit 100% höhe

[Blackbenji]

Hallo,

ich versuche mich gerade an CSS.

Das Template hat folgende Eigenschaften:
header
secondary_bar
wrapper

innerhalb des wrappers gibt es zwei bereiche.
links "sidebar" und rechts "main".

Mein Problem ist nun, dass die divs "sidebar" und "main" nicht die höhe 100% haben.
Das erkennt man zb daran, dass der Border von "main" beim Ende des Inhalts aufhört und nicht bis ganz nach unten geht.

Anbei noch ein Screenshot.

 

[Zimon]

Bin nicht zu 100% sicher, da ich mich mit dem Thema schon länger nicht mehr beschäftigt hab'.
Ich meine aber, man müsste die Höhe in dann per Javascript, oder whatever berechnen, was schonmal in die Hose gehen kann und damit schlechter Stil ist.

 

[beten]

Das ist nicht ganz so einfach zu lösen. Hier mal ein bisschen was zu lesen:
Equal Height Columns with Cross-Browser CSS

 

[Daaron]

Bind für solche Fälle einfach http://www.yaml.de/ ein. Mach ich auch nicht anders....

 

[Blackbenji]

Hallo nochmal,

also so ganz funktionieren will es nicht, damit habe ich mich abgefunden.

Vielleicht kann mir jemand aber noch bei einem anderen Problem helfen bzw mir erklären warum das so ist.

Das CSS habe ich von einer Template Seite und wollte daraus lernen bzw es an meine Bedürfnisse anpassen.
Anbei der Quellcode, die CSS liegt ebenfalls dort.
http://blog.devlist.de/

Col1 und Col2 lassen sich nicht so recht formatieren.
col2 (sidebar) soll 15% breit sein, col1 (content) 85%.
Wenn ich die Werte bei den Width eintrage, springen beide Bereiche komplett weg.

Arbeite mich in CSS gerade ein, daher bitte Nachsicht

 

[Daaron]

Hattest du bei dem Versuch die border mit drin? Dann ist alles klar... Ansonsten gilt: Scheiß drauf.
Gib dem linken Element seine Breite und ein float:left. Gib dem rechten Element keine Breite aber ein margin-left, das genau so breit ist wie das linke Element. Klappt immer.

Mich persönlich nerven prozentuale Breiten. Wenn ich ein Liquid Layout will, dann arbeite ich schlichtweg mit css3 media queries. Was nutzen dir 15% links, wenn diese 15% irgendwann eh nicht mehr reichen, um deinen Inhalt (Navi?) darin zu lagern? Was nutzen dir 15% links, wenn sie auf einem Widescreen doppelt so breit wie der zu erwartende Content sind?

Ansonsten: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

 

[Blackbenji]

bei der seite war ich auch schonmal, wenn man da aber den content kürzt, ist die höhe nicht 100%.
warum mich das wuschig macht? ich habe halt verschiedene usergruppen die einen sehen mehr punkte, die anderen weniger.
trotzdem sollte es einheitlich bleiben ...

siehe hier: http://blog.devlist.de/index.html