Autor Zpráva
Flip
Profil *
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
treba position:relative?
Anonymní
Profil *
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 *
to psal ja..
habendorf
Profil
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 *
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 *
Flip: http://www.krteczek.czweb.org/ jpw/3/ třísloupcový float layout. stáhni si tu stránkui s css
krteczek
Toto téma je uzamčeno. Odpověď nelze zaslat.

0