Improve company productivity with a Business Account.Sign Up

x
?
Solved

Div blocking content (CSS)

Posted on 2011-09-13
3
Medium Priority
?
472 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
  • 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

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

By following these Magento e-commerce development tips, you can increase your website's conversion and profitability. Read this post for more details.
Why WooCommerce is one of the majorly favored choices when it comes to having an eCommerce store. This article will acquaint you with some reasons that I believe make it one of the best eCommerce platforms available.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
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 …

606 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