Question

here is the code

http://jsfiddle.net/77NBM/12/

two grey squeares (“float 1” and “float 2”) have to be positioned beside each other in absolute positioned division “submenu_container” related to < li > “menu 3”.

Can plz somebody help me to get it? 🙁

Thx!

Answer 1

If you’ll always have two elements (“float1 and float2”) of 100px each,
you can set the width of .submenu_container to 220px and they will float beside each other. like this http://jsfiddle.net/77NBM/13/

If the width of the elements (“float1 and float2”) is dynamic, I suggest you set the width of .submenu_container dynamicly width javascript or jQuery. for example:

$('#main_menu li').each(function(index) {
    var menuWidth=0;
    $(this).children().children().each(function(index) {
         menuWidth+=$(this).outerWidth();
    }
    $(this).children('.submenu_item').width(menuWidth)
});