Jak v Internet Exploreru zjistit, zda prvek má hasLayout?

javascript:alert(id_hledaneho_prvku.currentStyle.hasLayout);

Občas se může zdát, že MSIE bug, který právě proklínáte, nemůže ze špatného nastavení vlastnosti hasLayout vycházet, protože ji má určitě nastavenou správně. Ověřte to vždycky raději tímhle způsobem v adresním poli prohlížeč, nejspíš se totiž mýlíte. Vím o čem mluvím. .-)

Bug pro dnešní den: chybná implementace z-index v IE6

Projevuje se tak, že prvek s nižším z-indexem překrývá prvek s vyšším z-indexem.

Stane se ve chvíli, když prvek s vyšším z-indexem má rodiče s relativní pozicí. (position: relative).

Je kruté, že jediným řešením pravděpodobně je vyhnout se v takovém případě relativnímu pozicování rodičovského prvku.

Podrobně to vysvětlují na blogu Two’s-Complement.

MSIE Bug: Absolutní blok umístěný před float blokem se nezobrazuje

Dnešní potíže s Internet Explorerem. Mám tento kód:

<div style="border: 3px solid red; position: absolute; top: 60px; left: 8px;">                   
 1) Absolutně pozicovaný blok (V MSIE chybně neviditelný)
 </div>  

 <div style="border: 3px solid green; float: left;">
 2) Float blok
 </div>

 <div style="border: 3px solid blue; clear: left; height: 1px;">
 3) Čistící blok s výškou 1px
 </div>

První blok (červený) v IE 6 ani 7 neuvidíte. Online v tomto souboru.

Umoudří se ale, když:

• třetímu čistícímu (modrému) bloku nenastavíte 1px výšku
• absolutně pozicovaný (červený) blok umístíte až za čistící blok
• mezi absolutně pozicovaný (červený) a float (zelený) blok umístíte jakýkoliv prvek, třebas prázdný

To, že se absolutní a plovoucí prvky nemají v Exploreru rádi, už věděl také třeba Bruno Fassino.