Blog

Mar
27
bluebrint + facebox = IE7 CSS conflict
by Gregor Martynus | Snippet

I’ve seen various projects using the popular blueprint css framework
and the jQuery plugin facebox.

Unfortunately, there exists a conflict between blueprint and the current version of facebox (1.2) which makes the Internet Explorer 7 stretch the popup to the screen width.
Facebox_bluprint_before-after_thumb

To fix this, simply replace


#facebox table {
border-collapse: collapse;
}

with


#facebox table {
border-collapse: collapse;
width: auto;
}

in facebox.css

4 Comments
boudewijn
May 21, 2009

Thank you so very much!

July 11, 2009

Thanks a lot. I’ve spent some time trying to fix this before I found your solution.

July 29, 2009

You’re a live saver :)

truewill
October 1, 2009

i love you!