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;

    }
html:
<div id="container">
            <div id="header"></div>
            <div id="main">
                <div id="text"></div>
            </div>
            <div id="footer"></div>
    </div>
aDAm
Profil
tak vyjmi ten footer z container a dej mu position fixed.
Ej.Kej.Ej.
Profil
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
aDAm:

Zkus v Google kouzelnou frázi "patička vždy dole".

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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