IE7 bug: Mizející obsah (Zmizík)
Předem bych chtěl podotknout, že dění kolem Internet Exploreru 7 nijak výrazně nesleduji. Zajímat mne bude až finální verze. Proto je možné, že informace, které vám tu dnes bez pompy představím, pro vás nebudou ničím novým – i přesto to risknu.
Dost keců, ukaž kód
Prosím, máte jej mít:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>Validní HTML4, standardní mód, IE7 laškuje</title>
<style type="text/css">
div { position: relative; }
p { float: left; }
hr { clear: both; }
</style>
Obsah před inkriminovaným boxem.
<div>
<p>Tento text není v IE7: RC1 vidět. Mrzí mě to.</p>
<hr>
</div>
Obsah za inkriminovaným boxem.
Vzhledem k tomu, že IE7 již min-height (i min-width) umí, byla to první vlastnost, kterou jsem se pokusil chybu vyřešit. A podařilo se. Sláva!
Výsledný kód tedy vypadá takto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>Validní HTML4, standardní mód, IE7 laškuje</title>
<style type="text/css">
div { position: relative; min-height: 1px; }
p { float: left; }
hr { clear: both; }
</style>
Obsah před inkriminovaným boxem.
<div>
<p>Tento text už je v IE7: RC1 vidět.</p>
<hr>
</div>
Obsah za inkriminovaným boxem.
O tom však třeba zase někdy příště.