WordPress.org

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

   I would appreciate any help?

2. esmi
   Theme Diva & Forum Moderator
   Posted 7 months ago #

   Try conditional comment CSS

3. carterkay
   Member
   Posted 7 months 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
   Theme Diva & Forum Moderator
   Posted 7 months ago #

   No - you're probably right.

5. fyllhund
   Member
   Posted 7 months 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 6 months 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 6 months 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!

Reply

You must log in to post.