Skip to main content

Timeline for Horizontal sub menu flexible width

Current License: CC BY-SA 3.0

7 events
when toggle format what by license comment
Jul 3, 2012 at 19:45 vote accept codeprokanner
Jul 3, 2012 at 19:21 comment added Paulo R. I guess you actually don't need to remove the float from the .menu-items. The only thing messing the layout was the set width on .submenu. But then again, you don't need the float for nothing, so you'd be better by removing it.
Jul 3, 2012 at 19:18 comment added Paulo R. The problem is that you floating the .menu-items in the .submenu. When you do that, they are treated as block level elements, so white-space: nowrap can't do what it's there to do. The fix is easy, obviously. Remove the float style (if you can't, override it with float: none). Then, also, remove the width:100% on the parent ul.submenu - you need it to be auto. That's it!
Jul 3, 2012 at 16:39 comment added codeprokanner Makes sense in theory, but for some reason it did not work for me. maybe take a look at the issue live? test.kyrusmobile.com
Jul 2, 2012 at 22:17 history edited Paulo R. CC BY-SA 3.0
edited body
Jul 2, 2012 at 22:09 history edited Paulo R. CC BY-SA 3.0
edited body
Jul 2, 2012 at 21:30 history answered Paulo R. CC BY-SA 3.0