Top Menu Overlapping the combo box opened in the form

Question

0.00/5 (No votes)

See more:

.NET3.5

Dear Friends,

I have a website in ASP.Net3.5 which i have migrated to ASP.Net4.0. In my website if i open a form having a combo box and when i open the combo box and at the same time select the top menu also then I am not able to see the top menu; menu items due to the opened combo box on the form.

Some one suggested me that i should set the z-index of the combo box then it will not occur but i am not able to do the same.

Please anyone out there knows why this problem is occurring then kindly help me out.

Thanks

Varun Sareen

Posted 10-Feb-11 19:31pm

Varun Sareen

Add a Solution

Comments

Sunasara Imdadhusen 11-Feb-11 1:33am

You need to set Menu always on Top?

Varun Sareen 11-Feb-11 1:40am

yes dear my top menu shows the menu items for navigating into the website.

Sandeep Mewara 11-Feb-11 1:46am

Tried putting a high Z-Index for menu ?

Varun Sareen 11-Feb-11 1:41am

yea that's kinda master page format. :)

Varun Sareen 11-Feb-11 1:52am

how much of z-index for menu...??

Albin Abel 11-Feb-11 2:00am

may be 100, no worries...it has to be on the top

shakil0304003 11-Feb-11 2:00am

share your css class.

Varun Sareen 11-Feb-11 2:03am

@AlbinAbel: Okies
@Shakil0304003: I can't share the CSS file dear.

Sunasara Imdadhusen 11-Feb-11 2:24am

Why? you can't share your css? if you would like to get Answer then why you denied to provide some code. You should cooperate with us.

Monjurul Habib 11-Feb-11 3:16am

try z-index: 99999;

Varun Sareen 11-Feb-11 7:44am

@Sunsara Imdadhusen: We have some limitation at my development side dear..So i can't send it. I apologize for the same. :)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sunasara Imdadhusen · Answer 1 · 2011-02-10T20:05:00

Solution 1

Just add following class to the your Menu

XML

 <style type="text/css">
       .AlwaysTopMenu
        {
            z-index: 10000;
            position: absolute;
        }
    </style>
<body>
<div id="dvMenu" class="AlwaysTopMenu">
</div>
</body>

Thanks,
Imdadhusen

Posted 10-Feb-11 20:05pm

Sunasara Imdadhusen

Comments

Varun Sareen 11-Feb-11 8:01am

not happening dear :(.