Kvůli nově zavedené podpoře inline-block ve Firefoxu3 (waaaaau užasnou teď jistě uživatelé IE5+) je třeba mírně upravit poměrně známý zarovnávací hack pro plovoucí (float) elementy.

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
content: ” “;
display: block;
height: 0;
clear: both;
font-size: 0;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Proč je nutné zarovnávat dva plovoucí elementy vedle sebe když už jsou zavřeny v DIVu a ještě je na to potřeba takto složitou konstrukci? A proč jsme asi 10let nemohli v Mozille/Firefoxu nastavovat rozměry inline elementu? Tak tohle ví asi jenom vývojáři zmiňovaných prohlížečů.

Hlasujte pro tento článek:
  • Bookmarky.cz
  • Digg
  • del.icio.us
  • Google
  • Linkuj
  • Vybrali.sme
  • E-mail this story to a friend!
  • Facebook
  • LinkedIn

Komentáře

Váš komentář: