Posted by JayCally on July 18, 2008 at 7:24pm
I have put together a real estate site for the newspaper I am employed at. It is all done in drupal and looks great in FireFox and Safari but I'm getting some weird spacing issues in IE. I can't seem to find out what is causing this bug. Could anyone take a look at the site in FireFox with FireBug enable and give any suggestions.
The site is:
http://www.eastbayrihomes.com/
Thanks
Comments
Familiar
Yeah, I've had the same problems before. I've found that, if you're using panels or complex layouts in general, you need to shave some pixels off the margins and/or reduce the width of your panels/columns somewhat because of IE's different box model, and after some trial and error everything should fit right. I see that your site is only using a 'fix'-css for IE7, but you'll probably need one for IE6 too.
double margin float bug
Your spacing issues are caused by the infamous double-margin float bug in IE. All you have to do is add a
display:inlineanyplace you have a float and you should be fine.Alex Urevick-Ackelsberg
ZivTech: Illuminating Technology
Alex Urevick-Ackelsberg
ZivTech: Illuminating Technology