WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IE positioning problem - How to remove gap between the menu bar and header (7 posts)

  1. carterkay
    Member
    Posted 2 years 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 http://www.mediaworldwide.co.uk/dd/wordpress/

    I would appreciate any help?

  2. esmi
    Forum Moderator
    Posted 2 years ago #

  3. carterkay
    Member
    Posted 2 years ago #

    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?

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    No - you're probably right.

  5. fyllhund
    Member
    Posted 2 years ago #

    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.

  6. carterkay
    Member
    Posted 2 years ago #

    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

  7. carterkay
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic