Úprava zarovnávání plovoucích elementů pro Firefox 3
Odesláno v August 9, 2008 | Kategorie css, Internetové prohlížeče | Leave a Comment
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čů.
Komentáře
Váš komentář: