Autor Zpráva
krystof
Profil *
Zdravím vás, řeším problém, který mě nahlásil náš zákazník. Problém nejlépe popíše obrázek.
[img] http://thwack.com/cfs-file.ashx/__key/CommunityServer.Components.PostAttachments/00.00.09.44.89/BetaScreenProblem.jpg [/img]
Tento screenshot pochází z Internetu Explorer 8. Samotnému se mě nepodařilo stejnou situaci nasimulovat. Obsah stránek je velmi dynamický a tak je těžké stoprocentně nasimulovat stejnou situaci.
Proto se obracím na vás s dotazem jak mohlo k takové situaci dojít?
Tady uvádím html kód footeru + css styly:
 <div id=”container”>
	<div id=”content”>
	<!—hlavni obsah -->
	</div>
<div id="footer">SolarWinds Orion Core 2010.1.0, 10.0.0 &copy; 1995-2010 All Rights Reserved</div>
</div>


csss styly:

#footer {
background-color:white;
border-top:1px solid #D1D1D1;
bottom:0;
clear:both;
color:#979797;
font-size:9px;
margin:0;
padding-bottom:5px;
padding-top:5px;
position:absolute;
text-align:center;
vertical-align:middle;
width:100%;
}

div#container {
min-height:100%;
position:relative;
}


Díky za každou radu či tip
Bubák
Profil
Nepozicuj patičku.
krystof
Profil *
Bubák:
Díky funguje to, ale má to menší háček. Pokud je obsah stránky kratší než velikost obrazovky patička se nevyrenderuje na konci obrazovky. Nevím jak ji posunout v takovém případě na konec obrazovky aby to fungovalo pro různé rozlišení.

Další řešení by mohlo spočívat v nalezení elementu, který způsobil renderování footeru doprostřed stránky. Co by to mohlo být? Jiný absolutně pozicovaný prvek?
panther
Profil
krystof:
Pokud je obsah stránky kratší než velikost obrazovky patička se nevyrenderuje na konci obrazovky.
to, oč se snažíš (Plaváčkova patička), tu několikrát bylo. Řešení si dohledej.

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: