footer

[majowydejf]

Witam wszystkich swoim pierwszym postem. Ciesze sie, ze takie miejsce w sieci istnieje:)

Na poczatek taka sprawa: moje poczatki w cssie nie pozwlaja mi na dokonanie takiej rzeczy:

Probuje przerobic szablon wklejony tutaj przez Dhofca tak, aby bez wzgledu na ilosc tresci w content Footer zawsze byl u dolu strony natomiast tresc mogla sie przesuwac (przewijac) tylko w content lub innym kontenerze. Czyli wszystko dookola statyczne strona sie 'nie scrolluje' w dol, jedynie pewny obszar. Footer przyklejony na dole.

acha, druga sprawa, czy w powyzszym szablonie footer nie nachodzi czasem na content?

Jak to zrobic ?

pozdro;)

Edit: wszystko wskazuje na to, ze robi sie to za pomoca overflow, ale nie chce dzialac u mnie, moj szablon:

Kod:

html, body {
height: 100%
}

#page {

position:relative;
width:960px;
min-height:100%;
}

#footer {
background-color: blue;
width:100%;
height:10%;
position:absolute;
bottom:0;
margin-bottom: 0;
}

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

#content {
    
    width: 80%;
    height: 90%;
        position: relative;
    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;
}

natomiast moj szatemel ;) :

Kod:

<div id="page">
    <div id="banner"></div>
    <div id="status"></div>
        <div id="menu"></div>
    <div id="content">
    <jsp:doBody/>
    </div>
    
    <div id="footer">
        stopka
    </div>
</div>