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 |
#2 · Zasláno: 21. 10. 2012, 17:50:31
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 |
#3 · Zasláno: 21. 10. 2012, 18:07:21
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 |
#4 · Zasláno: 21. 10. 2012, 18:13:35
Fisak:
Takže potřebuješ něco takového? http://weblog.plavacek.net/2005-02.html#1108716997 |
||
Fisak Profil |
#5 · Zasláno: 21. 10. 2012, 18:56:28
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... |
||
Časová prodleva: 12 let
|
0