[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

Div blocking content (CSS)

Posted on 2011-09-13
3
Medium Priority
?
463 Views
Last Modified: 2012-06-21
Please visit www.mwebdev.com/hw.html. This site is a CMS site. The dropdown menu is contained in a DIV (240px height). The problem is that, depending on the browser being used, the DIV is blocking the content behind it.

On the page I liked to above:
In Firefox (6.0), you'll notice that you cannot click on the first 3 links because the dropdown menu DIV is blocking it.
In Internet Explorer (9.0), you can click on the links with no problem. The DIV does not block the content.

The funny thing is that on the site's home page, content at the top is not blocked by the DIV. For instance, regardless of the browser, you can click in the Search field in the upper right.

I've been wrestling with this problem for a while. I need some help... Thanks in advance!
0
Comment
Question by:isaacr25
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 8

Accepted Solution

by:
PagodNaUtak earned 2000 total points
ID: 36533716
Put display: inline in the .content class as shown below.

#block-superfish-1 .content {
    height: 240px;
    overflow: visible;
    padding: 0 0 0 13px;
    z-index: 100;
    display:inline;
}
0
 

Author Comment

by:isaacr25
ID: 36533775
Wow! This seems to have done the trick. So simple! Thanks!
0
 

Author Comment

by:isaacr25
ID: 36546639
PagodNaUtak,
I spoke too soon. I didn't realize it last night, but when I put in display:inline, the dropdown menus don't show anymore. When you place your mouse over the menu items, the dropdown menus don't expand. Please help. Thanks.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

656 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question