Autor Zpráva
xXxXxXxX
Profil
Zdravim, našla by se nějaká dobrá duše, která by mi poradila, jak vertikálně vycentrovat obsah divu? Zkoušel jsem vertical-align, top, padding, absolutní pozicování, relativní pozicování, ale nic nefungovalo.

Zde je html:
<div id="footer">
    <p>Nějaký text v patičce</p>
</div>

A zde příslušné CSS:
#footer{
    height:35px;
    background-image:url('../layout/paticka.jpg');
    background-repeat:no-repeat;
    clear:both;
}

#footer p{
    text-align:center;
    font-size:small;
}
Davex
Profil
Nejjednodušší je nenastavovat patičce pevnou výšku. Všechna další řešení jsou příliš komplikovaná - např.: Vertikální centrování v CSS.

Kdyby byl text jen na jednom řádku, tak se dá ještě použít:
#footer p {
  line-height: 35px;
  margin: 0;
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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