SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2010
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question CSS Float Left issue

    Hey there,

    Our client asked us to add social media icons to the right of their navigation and have the navigation be on the left side. Previously the icons were in a widget in the sidebar (wordpress site) and the nav aligned to the right. So I went ahead and made the change however in IE the navigation isn't floating to the left. I've been messing around with it and I not sure what is missing or if something is wrong somewhere else. I didn't originally create this site so I'm not sure if it is a mistake I made or not.

    Any Ideas?

    Here is the site in question..

    http://www.charleswindows.com/

    Thanks,
    Daniel

  2. #2
    SitePoint Enthusiast
    Join Date
    Oct 2012
    Location
    Tinker Air Force Base, Oklahoma, United States
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The list items are set to float:right. IE is actually rendering it properly. When you switch it to float:left, you'll have to change the order of the menu items, since they had to be placed in reverse for the float:right, if that makes sense.

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2010
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep it makes perfect sense. I didn't notice the LI styles. Thanks!

    Quote Originally Posted by Ron Roe View Post
    The list items are set to float:right. IE is actually rendering it properly. When you switch it to float:left, you'll have to change the order of the menu items, since they had to be placed in reverse for the float:right, if that makes sense.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Ron Roe View Post
    IE is actually rendering it properly.
    If I've understood correctly now that things have been changed then IE would actually be wrong (as usual) If the ul is floated left and the list items floated right the element should stay on the left. Older IE versions get this wrong and a right float inside a left float gets stretched incorrectly to 100% wide in error and the right float moves as far right as it can when it in fact should be shrunk wrap to the parent float. Apologies if that wasn't the previous structure and ignore this post


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •