White line around images on IE11
frontero opened this issue · 3 comments
The script works fine except on IE11. If images are next to each other it shows a white line around the image after the script has loaded. Example here:
https://www.burobenk.nl/het-team-van-benk
Hi there, thanks for the issue.
I tried opening the site in Chrome first, and I also saw borders between the images.
Upon closer inspection, I see that the columns are being assigned half pixel widths (at least on my 13" MacBook Pro).
Half-pixel widths can lead to weirdness and cross-browser inconsistencies. This may also be the problem, as opposed to there being an issue with the IE polyfill.
Does the issue go away if you have a container that can be cleanly divided by 4 without half-pixel width columns?
Thanks! That was the solution. The Bootstrap container is 1170px width / 4 = 292.5px.
I've added a margin-right: -1px and it was fixed.
Great, glad it worked. Closing this issue.