Autor Zpráva
Fisak
Profil
Dobrý den. Mám dva divy... patičku a obsah... patička je široká 41px. a obsah začíná kousek od horního okraje. Rád bych aby div obsahu a to jeho pozadí vedlo až dolu a navazovalo na patičku. Zároveň aby se div obsahu rozšiřoval dolu ale tím by se posouvala i patička a stále by přilínala na spodní okraj.. zde je zatim mé řešení které bohužel nefunguje. Je tu nějaký chytrý člověk který by si s tím věděl rady ??

CSS:
div#bottom {
width: 100%;
height: 100%
}

div#content {
position:relative;
background-color:#cccccc;
width: 1020px;
max-width: 96%;
height: 100%;
min-height: 450px;
margin:0 auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 61px;
}

div#footer {
width: 100%;
position: absolute;
height: 41px;
margin:0 auto;
padding:0;
background-color:#333333;
color:#FFFFFF;
overflow: hidden;    
bottom: 0;
left: 0;
text-align: center;
}

HTML:
<div id="bottom">
<div id="content">
zde bude obsah ... zde bude obsah ... zde bude obsah ... zde bude obsah ... zde bude obsah ... </div>

<div id="footer">
patička
</div>
yFang
Profil
Fisak:
Nevím, jestli jsem pochopil správně co chceš, ale není to něco takového?
div#footer {
width: 1020px;
position: relative;
height: 41px;
margin:0 auto;
padding:0 20px;
background-color:#333333;
color:#FFFFFF;
overflow: hidden;
text-align: center;
}
Fisak
Profil
yFang:
no mělo by to právě být u spodního okraje prohlížeče... proto tam byla absolutní pozice.. ale zároveň bych rád aby se to posouvalo dolu pokud bude obsah tak velký že by se muselo rolovat dolů v prohlížeči..
yFang
Profil
Fisak:
Takže potřebuješ něco takového? http://weblog.plavacek.net/2005-02.html#1108716997
Fisak
Profil
yFang:
jo něco podobného. U mě by byl rozdíl ten že ta patička musí být široká přes celý monitor... což u tohodle případu nejde...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0