biggieuk Posted August 17, 2011 Share Posted August 17, 2011 Hi all, Here is my problem: http://jsfiddle.net/faRur/2/ I have a horizontal menu which opens up a dropdown sub menu when hovered over. I want to float each separate UL list inside the 'sub-menu-content' div however they are displaying as a long list. As the sub menu data is dynamic I cannot define a width for the 'sub-menu' div (which when defined seems to work ok). Any ideas please? Link to comment https://forums.phpfreaks.com/topic/245007-floating-ul-inside-sub-menu/ Share on other sites More sharing options...
cssfreakie Posted August 18, 2011 Share Posted August 18, 2011 remove position relative from line 16 #nav li { float: left; /* position:relative; */ } keep in mind the container (holding the <ul>'s) does not have a min-width so if the container becomes to narrow it will pop each <ul> on a new line Link to comment https://forums.phpfreaks.com/topic/245007-floating-ul-inside-sub-menu/#findComment-1258867 Share on other sites More sharing options...
biggieuk Posted August 18, 2011 Author Share Posted August 18, 2011 Thats done the trick. Thanks very much! Link to comment https://forums.phpfreaks.com/topic/245007-floating-ul-inside-sub-menu/#findComment-1258906 Share on other sites More sharing options...
cssfreakie Posted August 18, 2011 Share Posted August 18, 2011 your welcome, I marked your topic solved (little button left bottom corner) Link to comment https://forums.phpfreaks.com/topic/245007-floating-ul-inside-sub-menu/#findComment-1259043 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.