| Autor | Zpráva | ||
|---|---|---|---|
| Ej.Kej.Ej. Profil |
Pozdravujem. Hrám sa s css pár dni. Obrázky, obtekanie, text, menu, všetko si viem dať ako chcem, kde chcem. Problém ale mám s tým, že mám centrovaný <div> a ten mi ide až pod footer, ktorý by som ale chcel mať stále dolu. Vedel by mi niekto pomôcť, ako na to? V podstate, aby to modrým footer-om končilo. Ďakujem.
css: html,
body {
margin:0;
padding:0;
height:100%;
background-color: #ccccb2;
}
#container {
min-height:100%;
position:relative;
}
#header {
position: absolute;
top: 0px;
height: 150px;
width: 100%;
background-color: blue;
}
#main {
padding: 10px;
padding-bottom: 100px;
margin: 0px auto;
position: relative;
top: 90px;
width: 900px;
background-color: yellow;
}
#footer {
position: absolute;
bottom: 0px;
width: 100%;
height: 100px;
background-color: blue;
}
#text {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
padding-left: 15px;
font-size: 0.75em;
margin-top: 100px;
margin-bottom: 150px;
}<div id="container">
<div id="header"></div>
<div id="main">
<div id="text"></div>
</div>
<div id="footer"></div>
</div> |
||
| aDAm Profil |
#2 · Zasláno: 13. 3. 2013, 14:10:50
tak vyjmi ten footer z container a dej mu position fixed.
|
||
| Ej.Kej.Ej. Profil |
#3 · Zasláno: 13. 3. 2013, 14:16:23
aDAm:
Vďaka za radu, len potom je ten footer fixovaný stále na jedej pozícií a ja chcem, aby "rolloval" so stránkou a vedel sa prispôsobiť mainu, keď ten bude vačší, ale zároveň, aby bol footer dole, keď main nebude taký veľký. |
||
| Plaváček Profil |
#4 · Zasláno: 13. 3. 2013, 16:12:56
aDAm:
Zkus v Google kouzelnou frázi "patička vždy dole". |
||
|
Časová prodleva: 11 let
|
|||
0