Home/ Questions/Q 3501292
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T12:50:27+00:00

I’m trying to make a CSS/javascript dropdown menu (based on this example . This

  • 0

I’m trying to make a CSS/javascript dropdown menu (based on this example. This works. But I want to have a background color for my whole menu. I tried to place the <ul> inside a div and give this div a background color. However, the actual menu items do not appear inside the div when I view the page, they are under it. After some experimenting, I found out that this was caused by setting float: left; on the li elements that comprises the main menu items. (of cause, taking float: left; away means that the menu items are stacked on top of eachother in stead of side by side).

Does anyone know how to fix this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you are just trying to get a background color for your main menu items, you can add overflow:auto; or float:left; to the containing div tag.

    If you want to set the background color of the sub-items, add it to the li ul rule.

    Brief example here: http://www.danfsmith.com/so/css/suckerfish/menu.html

    • 0