PDA

View Full Version : IE 6 & 7 CSS fix (code a bit messy)




design-is
Jun 25, 2009, 12:09 PM
Hi all

I'm re-visiting a site I put together a while ago which might finally go live. I'm trying to get most of bugs out, but have a bit of a problem on IE 6 & 7 on the gallery pages (http://www.designbybluecow.co.uk/united-kingdom/gallery/) where the navigation on the right affects the thumbnails.

The code is a bit messy as I adapted a WordPress theme in a rather rough and ready way, for which I apologise :)

I'm a bit brain fried and can't seem to get my head around a fix for the bug shown and would be very grateful for any help!

Cheers

/Doug



angelwatt
Jun 25, 2009, 12:45 PM
My guess is it's getting squeezed down due to IE's bad handling of the box model.

In your ie.css file you can use,
#menu {
position: absolute; right: -200px;
margin-right: auto; padding: 0;
width: 130px;
}

design-is
Jun 25, 2009, 02:15 PM
Smashing, thank you! Worked a charm.