Autor Zpráva
Flip
Profil *
#1 · Zasláno: 12. 12. 2006, 13:38:51
Odpovědět Citovat
Zalíbila se mi jedna šablona pro3 sloupcový layout ...má však jeden problém, patička se posunuje automaticky dolů, pouze podle divu obsah.... jestliže naplníme levé a pravé menu víc než prostřední div=obsah... tak patičku přetečou .... nevíte někdo jak to udělat, abych to opravil....
Styly jsou zde: * {
margin: 0;
padding: 0;
}
body {
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
line-height: 1.5;
margin: auto;
background-color: #DCDCDC;
}
#hlavni {
width: 800px;
margin: 0 auto;
text-align: left;
height: 100%;
position: relative;
}
#logo {
width: 100%;
height: 150px;
background-color: #006699;
}
#menu {
top: 150px;
left: 0px;
width: 140px;
position: absolute;
background-color: #0099CC;
bottom: 0px;
padding: 5px;
}
#menu2 {
top: 150px;
right: 0px;
width: 140px;
position: absolute;
background-color: #0099CC;
bottom: 0px;
padding: 5px;
}
#obsah {
padding: 15px 190px 60px 190px;
background-color: #D3D3D3;
}
#paticka {
width: 100%;
height: 40px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
background-color: #006699;
}
peta
Profil
#2 · Zasláno: 12. 12. 2006, 14:07:52
Odpovědět Citovat
treba position:relative?
Anonymní
Profil *
#3 · Zasláno: 12. 12. 2006, 14:40:29
Odpovědět Citovat
position: relative ..... a u čeho? u menu, menu2 to totalne rozhodi... a u paticky se patka nepatrne posune dolu ... vsak si to vyzkousejte... naplnte div menu, tak aby byl delsi nez obsahovy div... a div-menu přeteče přes patičku... chci aby patička šla dolu
Fllip
Profil *
#4 · Zasláno: 12. 12. 2006, 14:41:06
Odpovědět Citovat
to psal ja..
habendorf
Profil
#5 · Zasláno: 12. 12. 2006, 16:31:22
Odpovědět Citovat
má však jeden problém, patička se posunuje automaticky dolů, pouze podle divu obsah

Samozřejmě, protože ostatní máš vyjmutý z toku dokumentu. Typický příklad naprosto nesmyslného použítí abs. pozicování.
Udělej normální floatovaný layout, vyclearuj a pojede to jako víno.
Flip
Profil *
#6 · Zasláno: 13. 12. 2006, 08:37:12
Odpovědět Citovat
vubec nevim, jak se dela floatovaný layout :( a ani co znamená pojem něco vyclearovat... byl bych rad kdyby mi to nekdo objasnil... a nebo pomohl predelat ....
Anonymní
Profil *
#7 · Zasláno: 13. 12. 2006, 12:13:28
Odpovědět Citovat
Flip: http://www.krteczek.czweb.org/ jpw/3/ třísloupcový float layout. stáhni si tu stránkui s css
krteczek
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0