Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Cross-browser issues with IE 6 & 7

Discussion in 'Website Design Forum:' started by alexandra, Dec 6, 2009.

  1. alexandra

    alexandra New Member

    My site looks perfect in IE8, Firefox, Safari, Opera & Chrome but in IE 6 & 7 I get a 2px gap just below after my horizontal navigation buttons.

    The other issue is with my sub-nav box which comes up on the about us page and a few other pages, the buttons suddenly have no top and bottom padding - i used line-height to create this but even when i add top and bottom padding the styling doesn't change on ie 6 & 7. the gaps between the boxes are also a lot bigger than they should be.

    I would be so grateful if someone could take a look:

    Blossom House School
     
  2. Jazajay

    Jazajay Active Member

    Hay use this ~
    <!--[if ite IE 7]>
    <link rel="stylesheet" type="text/css" href="css/ie2.css" />
    <![endif]-->

    Then in thier just move it up or what ever changes you need, sorry don't have the right stuff to have alook at the mo but that rule above will effect ie versions 7,6,5,4,3 2,1 and leave 8 alone.

    Let me know if that sorts it out.
    Jaz :)
     

Share This Page