Skip navigation
Currently Being Moderated

Margin difference (height) in Firefox and IE 9

Dec 20, 2011 4:44 PM

Hi all,

I know this problem is really ancient but just can't find a fix.

Please look here:  http://www.tridentsolutions.co.nz/howick-opt/

When the margin is set for Firefox Safari and Chrome, the banner images are too close to the horizontal menu but looks perfect in IE9

Can't fix it, some expert advise please.

 
Replies
  • Currently Being Moderated
    Dec 20, 2011 5:23 PM   in reply to gofer

    That's why we have IE conditional comments.

     

    <!--[if IE]>-->

    <style type="text/css">

    /**put conditional styles for IE here**/

    </style>

    <!--<![endif]-->

     

     

    Add it just above your document's </head> tag.

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2011 5:29 PM   in reply to gofer

    I can't see what you are talking about;  Perhaps I need to read why I need an eye exam.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2011 7:50 PM   in reply to gofer

    gofer wrote:

     

    LOL perhaps I need one too!

    The gap in FF is about 36px (vertical) between bottom of banner images and top of menu but it looks like Nancy O had the solution, thanks.

     

    Why would conditional statements for IE solve problems in Firefox, Safari and Chrome?  Am I missing something here?  I know FF has already caught up with IE (both are at version 9 as of today/yesterday in some countries - 20th December) but it can't be the solution unless you didn't state your problem correctly.

     

    I read "horizontal menu [but] looks perfect in IE9".  It is that "but" bit!!!!! reading out of context.

     

    Oh well I do need eyes exam after all.

     

    Good luck.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points