IE positioning problem – How to remove gap between the menu bar and header

  • Resolved carterkay

    (@carterkay)


    13 years, 5 months ago

    Hi, I have been looking for a solution for several days now, so thought I would give a shout out.

    I have got my site working well in FF, Chrome, but in IE I have a gap between my header (flash banner) and the menu bar,, the gap is about 10px.

    The website in question is https://www.mediaworldwide.co.uk/dd/wordpress/

    I would appreciate any help?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Try conditional comment CSS

    Thread Starter carterkay

    (@carterkay)

    Thanks for you help, that made sense, I can use an additional style sheet just for IE, although ideally I would prefer to use the 1 style sheet so I don’t have to duplicate when I make further changes!!??

    If I setup a separate style sheet,, I still am not sure how to get rid of the gap,, I’m thinking its the way IE interprets padding, or am I well off the mark?

    No – you’re probably right.

    I′d just make a conditional style comment for this since it’s only this within the header.`<!–[if IE]>
    <style> #branding {margin-bottom:-0.3em;}</style>
    <![endif]–>`

    just try around with the margins and you′ll sort it out.

    Thread Starter carterkay

    (@carterkay)

    Hi fyllhund,

    Thanks for your comment, I tried it but it didn’t work,,
    I am using IE9 that shouldn’t make a difference,, do
    you think its worth playing around with the style.css
    file?

    Thanks

    Thread Starter carterkay

    (@carterkay)

    Apologies to you both, because I using 2 different banners I wasn’t looking at the right one, now I am its worked,, thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘IE positioning problem – How to remove gap between the menu bar and header’ is closed to new replies.