Jump to content


Photo
- - - - -

BrandNav menu not floating right in IE 8-10

brandnav

Best Answer webmktco , 21 June 2013 - 05:44 PM

OK. I fixed it.. by adding

clear:both; 

to the .contact div.

Go to the full post


  • Please log in to reply
8 replies to this topic

#1 webmktco

webmktco

    Super Member

  • Members

  • 176 posts
  • Country: Country Flag

Posted 20 June 2013 - 10:37 PM

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:  

Please Login or Register to see this Hidden Content

 

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


  • assomibatrifs likes this

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 June 2013 - 11:27 AM

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

Please Login or Register to see this Hidden Content

?  This would help us determine of there's an error.



#3 webmktco

webmktco

    Super Member

  • Members

  • 176 posts
  • Country: Country Flag

Posted 21 June 2013 - 12:01 PM

Hi Rob!

 

Thanks for checking this out.

 

Please Login or Register to see this Hidden Content



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 June 2013 - 01:23 PM

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.



#5 webmktco

webmktco

    Super Member

  • Members

  • 176 posts
  • Country: Country Flag

Posted 21 June 2013 - 02:06 PM

OK- so I changed the html in the hook-

Please Login or Register to see this Hidden Content

 

and here's my CSS-

Please Login or Register to see this Hidden Content

 

The problem is still present.  What should I do next?

 

Thanks Rob!!!!



#6 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 21 June 2013 - 02:27 PM

This seems to now be working? 

Please Login or Register to see this Hidden Content



#7 webmktco

webmktco

    Super Member

  • Members

  • 176 posts
  • Country: Country Flag

Posted 21 June 2013 - 02:32 PM

Unfortunately, not in IE 10.



#8 webmktco

webmktco

    Super Member

  • Members

  • 176 posts
  • Country: Country Flag

Posted 21 June 2013 - 05:44 PM   Best Answer

OK. I fixed it.. by adding

clear:both; 

to the .contact div.



#9 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 21 June 2013 - 06:09 PM

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 :( 







Also tagged with one or more of these keywords: brandnav