How to make CSS Drop down possible to over html <select>

[jitendra]

How to make CSS Drop down possible to over html <select> element in IE 6 and 7 . Z-index is not working i’ve tried

@chris ; this was awesome : https://css-tricks.com/select-cuts-off-o … in-ie-fix/

now make for this problem too.

[ikthius]

"jitendra" wrote:

How to make CSS Drop down possible to over html <select> element in IE 6 and 7 . Z-index is not working i’ve tried

@chris ; this was awesome : https://css-tricks.com/select-cuts-off-o … in-ie-fix/

now make for this problem too.

is it just a basic drop down you want? cause you have been asking this question for ages, with people, me included helping…

your original did not have drop downs, you had un-ordered list items.

a basic drop down is this:

Code:

OneTwoThreeFourFive

populate your option tags with whatever text you want..

there is a drop down menu.

if you want to use the information i that then add a value to each;

Code:

OneTwoThreeFourFive

if you want one to be selected like american sites do, they highlight united states when it should be near the bottom cause of alphabetical order then selct one option to be selected:

Code:

OneTwoThreeFourFive

remember the select goes inside a form tag

check out here: http://www.tizag.com/htmlT/htmlselect.php

[ikthius]

also check here if it is a css one you want:
http://www.cssplay.co.uk/menus/

[ikthius]

"jitendra" wrote:

The problem is every type of horizontal drop-down navigation menu goes under if page has Select box in drop-down range.

?

a link might be helpful

[ikthius]

"jitendra" wrote:

Please check this is the problem : http://jitendravyas.com/ie6.html

I still don’t understand what you are wanting???

do you need the selct options? are they going to be used?
you you mean, the select options are hidden when you hover over the top links?
do you mean, you need the select options to move down when you hover over the top links?

[ikthius]

"jitendra" wrote:

Quote:

I still don’t understand what you are wanting???

do you need the selct options? are they going to be used?
you you mean, the select options are hidden when you hover over the top links?
do you mean, you need the select options to move down when you hover over the top links?

check this link in IE 6 only : http://jitendravyas.com/ie6.html

i need a solution for IE6

yes i need select options. they are going to be used.

yes i need select options to move down when you hover over the top links in IE6 (in other browser working fine)?

you said z-index does not work, what about z-indexing the selects?

[ikthius]

"jitendra" wrote:

z-indexing is not working on both select and navigation in IE 6?

ok, just looking at your code, it will not validate?

please test it here: http://jigsaw.w3.org/css-validator/

cause you have top: & width:

but looking through google with search terms: http://www.google.com/search?hl=en&q=z- … h&aq=f&oq=

I found this:
http://www.throbs.net/web/articles/IE-S … /#ieZIndex

http://support.microsoft.com/kb/177378

http://www.codetoad.com/forum/20_22736.asp

after some reading of only about 10 mins, I find that IE6 does not let selects work with z-index, but you probably could find a workaround

[byennen]

Using jQuery to fix select drop down cut off in ie. Here is an example on Lance Ennen’s Blog.

http://blog.lanceennen.com/post/2936179 … -width-fix

[Author]

Posts