Autor Zpráva
Balablal
Profil *
Ahoj, mám na webu patičku na stránce a nastavil jsem width:100%; ale patička přečuhuje přes stránku a vzniká tak rolovací lišta, nevíte někdo jak udělat pevnou patičku ať je od kraje ke kraji? Díky!
Petr Wudi
Profil
body{margin:0}

A nebo třeba milion jiných možností. Dej prosím odkaz na rozbitou stránku.
Balablal
Profil *
index.html
<div class="pata">
Copyright 2011
</div>


css soubor
body{margin:0;};
.pata{ position:absolute; bottom:0; width:100%; background-color:red; padding:10px; display:block; text-align:center; border-top:1px solid #000000;}
Str4wberry
Profil
body{margin:0}

Ta rolovací lišta by se dala odstranit pomocí body {overflow: hidden}. Tento kód, řekl bych, odstranit lištu nepomůže. Tipoval bych to na to, že se k té 100% šířce přičítá padding.
Str4wberry
Profil
css soubor

Tak skutečně to dělá ten padding. Můžeš to vyřešit použitím dalšího obalu, jenom na padding, případně ho nastavit také v procentech a patřičně snížit width.
Petr Wudi
Profil
Nebo zkus dát padding jen nahoře a dole.
… padding:10px 0; …

Jelikož je to zarovnáno na střed, tak to snad vadit nebude.
Balablal
Profil *
moc děkuji oboum ;) padding to způsoboval ano, 10px 0; to vyřešilo :) díky!!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0