Höhe der Sidebar ändern

[ECHT_nordisch]

Hallo,

ich habe hier einen CSS Code für ein Template und da möchte ich gerne die Höhe der Sidebar auf 100 % anpassen. Bekomm das aber nicht hin. Hat vielleicht jemand einen Tipp:

Hier das original CSS:

PHP-Code:

#sidebar {
    float: left;
    width: 230px;
    margin: 0;
    padding: 0;

    background: #FBF0D8;
    } 


Hier mein falscher Versuch:

PHP-Code:

#sidebar {
    float: left;
    width: 230px;
    hight: 100%;
    margin: 0;
    padding: 0;

    background: #FBF0D8;
    } 


Bin für jeden Tipp dankbar!

[Mich@el]

versuch´s mal richtig mit "height"

[ECHT_nordisch]

Nein, wie peinlich ...

[ECHT_nordisch]

Klappt aber immer noch nicht!

[Mich@el]

Bitte beachte! Die Elemente sind nur so hoch, wie es vom Inhalt gefordert ist. Wenn Du möchtest, dass ein Element so hoch wie das ganze Browser-Fenster ist, mußt du für body und html ebenfalls die Höhe auf 100% setzen. Zusätzlich zu padding und margin auf 0, damit die Box wirklich ganz oben beginnt. Falls Du das nicht möchtest ändere es entsprechend ab.

PHP-Code:

body, html {
padding: 0;
margin:0;
height:100%;
} 


und

PHP-Code:

#sidebar { 
    float: left; 
    width: 230px; 
    height: 100%; 
     background: #FBF0D8; 
    } 


Grüße
Michael

[ECHT_nordisch]

Besten Dank erstmal! Das wusste ich nicht, jetzt hab ich wieder was dazugelernt!

[hero-master]

Am Besten wäre es noch mit min-height zu arbeiten, sonst ist bei den Guten Browsern danach schluss

body, html {
padding: 0;
margin:0;
height:100%;
}

#sidebar { 
    float: left; 
    width: 230px;
min-height:100%;
height:auto !important 
    height: 100%; 
     background: #FBF0D8; 
    }