IE 6 & 7 CSS fix (code a bit messy)

Discussion in 'Web Design and Development' started by design-is, Jun 25, 2009.

  1. design-is macrumors 65816

    design-is

    Joined:
    Oct 17, 2007
    Location:
    London / U.K.
    #1
    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
     

    Attached Files:

  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    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,
    Code:
    #menu {
     position: absolute; right: -200px;
     margin-right: auto; padding: 0;
     width: 130px;
    }
     
  3. design-is thread starter macrumors 65816

    design-is

    Joined:
    Oct 17, 2007
    Location:
    London / U.K.

Share This Page