Apr 01
Wykrywanie nie wyczyszczonych CSS::float
Wczoraj na
Ajaxianie pojawiła się krótka notka o sposobie na szybkie sprawdzenie który z elementów nie jest odpowiednio “wyclearowany”. Feature wydaje się być o tyle fajny, że pod IE6 czasem ciężko stwierdzić dlaczego layout się rozjeżdża, a Developer Toolbar przy zainstalowanym Multiple Ie działa tylko w IE7…
Jako że w naszej pracy głównie używamy biblioteki
mootools, postanowiłem nieco zmienić przedstawioną wersję tak by z współpracowała z nią a nie z
jQuery. A oto rezultat:
Bookmarklet - wystarczy wejść na stronę i wkleić tę linie do pasku adresu po czym kliknąć enter, lub jak sama nazwa wskazuje dodać do zakładek :)
April 2nd, 2008 at 08:42
Dodam tylko, że to nie będzie działało jeśli na stronie nie będzie załadowanej biblioteki mootools - bo nie wszyscy mogą to skumać :)
Na naszej stronie (www.desmart.com) coś działa aczkolwiek nie jestem w stanie powiedzieć (skowron - może jakaś podpowiedź?) co to oznacza :)
April 3rd, 2008 at 07:22
No tak tego nie przedstawiłem… Zaznaczone elementy to te które posiadają wartość float (left lub right) i które nie są później wyczyszczone przy pomocy clear (left, right, czy both), co prowadzi do rozpadania się layoutu. Jeżeli widzisz że coś się zawija nieprawidłowo to ten bookmarklet Ci pomoże :)