Autor Zpráva
panmagor
Profil *
Mám na stránce footer, který má jako pozadí obrázek. Výška celého divu má být 90px z toho padding je nastaven na 45px (kvůli odsazení textu zhora) a height také na 45px.. Tohle správně zobrazí pouze FF. V IE7 je to rozbité a to tak, že k height nepřičte padding, takže celou výšku prvku zobrazí 45px. Dá se toto nějak čistě vyřešit? Podtržítka IE7 ignoruje, jediným řešením by byl nějaký hack s "!" ?
Chamurappi
Profil
Reaguji na panamagora:
Jestli má být výška celého <div>u 90px, tak ale dělá Explorer přesně to, co chceš, ne?
Pravděpodobně používáš quirk režim, kde část prohlížečů užívá jiný box model (viz popis problému a jeho historie). Zkus přidat na úplný začátek kódu „<!doctype html>“.

Nepomůže-li má rada, prosím o odkaz na živou ukázku.
panmagor
Profil *
rada pomohla, přesto přikládám kód k nastudování... Na úplném začátku jsem měl toto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



Zde je kód HTML:
<div id="footer">
Tady je nějaký text
  </div>


CSS:

#footer{
	background-image: url(../images/footer.png);
	width: 750px;
	height: 45px;
	text-align: center;
	padding-top: 45px;
	margin: 0px auto;
}

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0