Autor Zpráva
Tomáš Suchý
Profil *
Dobrý den,
tento dotaz tu ,usel být už tisíckrát, ale stejně se mi jej nepodařilo najít.
Pokouším se mít patičku na konci divu tak, aby i když je málo textu byla pořád níže na stránce, ale ne na konci. Našel jsem spoustu příkladů na patičky dole na stránce, ale žádný který by fungoval.

Zde je můj kód. Html:
<div id="body-wraper">
    <div id="header"></div>
    <div id="side-panel"></div>
            
    <div id="content"></div>
            
    <div id="footer">Nejaky text v paticce</div>
</div>
A zde CSS:
#footer
{
    position: relative;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: red;
}

Za případnou pomoc mockrát děkuji.
8vm8
Profil
Zkus Plaváčkův web. Já jsem to vyřešil tak, že jsem to zkopíroval a upravil podle sebe. A aby se ti patička držela v nějaké minimální vzdálenosti od obsahu, tak musíš použít padding nebo margin-bottom u obsahu.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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