Basically, (of course, with aditional items) this is my menu... and the css:
div#main_menu ul li {float:left;position:relative;width:10em;}
And other stuff that sets the menu, but what i want is to add a consistent color for all the menu and of course, as some one told me in the last tread about the floating trouble, the floats are not in the normal flow of the document, so they dont have a reference of where to show its background...
So unless i add a background to each li (becouse even the ul wont show a background), i cant have a color... And what i need is that the containing div (in this case, div#main_menu) shows a background for all the horizontal block where it displays the menu, so that it fits the wide window where its laid...
Aditionally, i notice that by resizing the browser, this particular structure of menu, stops showing the content of the submenu if the window gets too small (horizontally), and the content is fit to the window, so its always showing all of the first menu items, dont know if you understand me, but i dont want the content to stay within the visual part of the browser, i want it to overflow vertically so that it can always show the submenu, if some one has done this tutorial or read it on the above link from a list apart i would apreciate...
Thanks a lot!
Hi Lozbo
I have this problem with div & ul. Seems like its the one which you encountered and solved before.
This is my html code.
<ul> <li> <div>like a float to be displayed once user hover over the li</div> </li> <li>xxx</li> <li>xxx</li> <li>xxx</li> </ul>
The problem is that the div is blocked by the other li when displayed.
Another Kind Of Css Background Float Trouble now with a ul
in Programming
Posted · Report reply
Hi Lozbo
I have this problem with div & ul. Seems like its the one which you encountered and solved before.
This is my html code.
<ul>
<li>
<div>like a float to be displayed once user hover over the li</div>
</li>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
The problem is that the div is blocked by the other li when displayed.
I hope you can help me.