music OK: подправен и овкусен
- 13.09.2004
- Кърти, пробива
- 3
Отне ми повече време да търся бъговете по CSS-a, отколкото самото му писане. За пръв път се срещнах с едно много интересно бъгче, което броди само по IE5.5 и IE6. Показва си рогата, когато на a:hover е зададена позиция на фона, например: background-position: 0 -5px и при onmouseover измества съдържанието надолу. След продължително дебъгване открих проблема. Изглежда IE6 прибавя онези “мистични” 3px към DIV със зададен float, в който се намира въпросния a:hover и го разпъва надолу. Не съм съвсем убеден дали е това причината, но след добавяне на overflow: hidden, бъга се изпарява.
Хъм, таман си мислех да вмъкна умно, че вероятно туй е проблема:
http://www.positioniseverything.net/explorer/threepxtest.html
Ама след тестване май не е туй проблема, така че няма да вмъкна умно.
Ровичках се да намеря нещо за този бъг, но без успех. По-странното е, че схемата в music OK е същата като на блога — имам два float-ни блока и в тях връзки с display: block, които ги ролоувър-вам с изместване на фона. Преди събитито, блоковете са държат нормално, но при ролоувър флоат-ния блок добавя 3-те пиксела и измества съдържанието отдолу. Констатирах това, като намалих DIV-а с 3px — стана перфектно, но в случая грозно. След overflow: hidden всичко си дойде на мястото.
Чудя се дали не е добре да се докладва за този бъг до www.positioniseverything.net?
Виждам го в cssbeauty.