Posts Tagged → bug
Buggy IE6, maybe a new IE6 bug
If you hadn’t see the screenshot above, get it here: http://img.ly/FAv.
In the screenshot, from top to bottom: IE6 and IE7 on the left, IE8 and Chromium on the right.
I’m not sure someone else had been mention this bug before or not.
Telling whole story may take many hours. In short, I working in a project and I make a layout with Faux Absolute Positioning. I need lightbox effect for photos and I choose jQuery Lightbox plugin. Than the bug occurs. When I click the photo, the overlay is out, but no photo there.
Let me show you an example: /files/buggy-ie6/buggy.html.
You can test the page above, it show up correctly under IE 7, IE 8, and Firefox 3.6, Chromium 5.0.355.0 (41601), and Opera 10.50. ONLY IE 6 rendering it in incorrect way. I’m use same photo here and use it twice.
I got two solution later on. First one, remove float property for .row, but this one maybe broke up Faux Absolute Positioning. The second one it, do float element cleaning before rendering the element in absolute position.
I’m poor in language, and here show you my two solutions: solution one, solution two.
That’s not whole story. In my case, I fixed this problem by add an CSS rule for .box: width: auto !important. I don’t know why and time limit, I can’t do test deeply and find out why.