Archived

This topic is now archived and is closed to further replies.

  • 0

BrandNav menu not floating right in IE 8-10


Question

Posted · Report post

I'm trying to figure out why the menu in the brandnav is not floating to the right of the logo in header in IE 7+.

 

I've tried using the Browser Specific CSS plugin, but no luck.  

 

I'm hoping to avoid ODesk and see if anyone here can help out.

 

Thanks in advance!
 

Here's the site:  http://www.rowandental.com

 

2013-06-20_16-51-15.jpeg

1 person likes this

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

OK. I fixed it.. by adding

clear:both; 

to the .contact div.

Share this post


Link to post
Share on other sites

Posted · Report post

Well, you just explained it!

 

You're using inline CSS as a span, rather than setting up a unique div, that would break apart from the div containing the menu.  Essentially, IE is reading your menu like this:

menu menu menu phone

info.

 

With a proper div and unique class, your menu should be read by IE as

menu menu menu

phone

info

 

Since IE sees the phone number on the same line as an H2 tag, it's just wrapping the entire menu below the branding image, causing it to move from the top of the page (as in Firefox), to the bottom of the logo.  It uses the rules of the H2 tag, not the rules you determine, for the placement of the phone number.

Share this post


Link to post
Share on other sites

Posted · Report post

This seems to now be working? http://d.pr/i/BJkH

Share this post


Link to post
Share on other sites

Posted · Report post

Unfortunately, not in IE 10.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for letting us know - sorry i couldn't test it straight away as i am on a mac and they won't let us use IE :( 

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

It appears related to the hook you're using, or the CSS related to the hook, which isn't properly set for IE.  You may simply require some browser specific CSS.

 

Can you paste the CSS and hook used in http://paste.pagelines.com?  This would help us determine of there's an error.

Share this post


Link to post
Share on other sites