?
Solved

Div blocking content (CSS)

Posted on 2011-09-15
3
Medium Priority
?
279 Views
Last Modified: 2012-06-21
Please see http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27306771.html#a36546639. I entered this question last night and thought I was given the correct solution. I realized today that adding display:inline causes the dropdown menus to not show.

Here is what I posted originally:
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 25

Accepted Solution

by:
Kyle Hamilton earned 2000 total points
ID: 36546982
Make this change in your css:
 
#cont {
width: 100%;
overflow: hidden;
padding-bottom: 0px;
position: relative; /* insert this */
}

Open in new window

0
 
LVL 25

Assisted Solution

by:Kyle Hamilton
Kyle Hamilton earned 2000 total points
ID: 36546986
Oh, and take out the display:inline on the
#block-superfish-1 .content
0
 

Author Comment

by:isaacr25
ID: 36547059
Ok! The dropdown menus work, and the div is not blocking any of the content. That seems to have done the trick! Thank you very much!
0

Featured Post

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
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…
Suggested Courses

777 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