footer

[majowydejf]

Hej, dzieki za odpowiedz:) chyba jednak nie do konca o to chodzilo.
Strona powinna wygladac tak, ze u gory mamy jakis banner, z lewej menu, na dole stopka a pomiedzy nimi (czyli obok menu) content. W zaleznosci od wprowadzonego tekstu, chcialbym, zeby scrollowal sie sam content, natomiast strona jako calosc nie powinna sie ruszac w dol. Dlatego wazne dla mnie jest, zeby stopka caly czas byla u dolu, nawet gdy w content jest malo zawartosci, gdy jes zas duzo, scrolluje sie sam content.
Tu jest mniej wiecej o to, co mi chodzi:

Kod:

@charset "utf-8";
#page {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    min-height:100%;
}
body, html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#header {
    background-color: #00CCFF;
    height: 150px;
}
#footer {
    background-color: #blue;
    height: 5px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:absolute;
    bottom:0;
    margin-bottom: 0;
}
#content p {
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#content {
    height: 100%;
    width: 80%;
    overflow: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
}

#menu {
    float: left;
    width: 20%;
    margin-left: 0px;
    padding-left: 0px;
    clear: both;
    color: #ffffff;
}

Jest tylko male ale: stopka co prawda zawsze jest na dole strony, ale jesli chwycimy za rog okna i zmniejszymy jego wysokosc do polowy, wysokosc content sie nie zmienia a chcialbym, aby dostosowala sie do nowego rozmiaru okna.
Po ustawieniu hight na auto w content nic sie nie dzieje. Jak to zrobic?