Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Z-index and tables/table cells problem in ie6 (aspx .net page)

Bottom of Page

1 to 3 of 3

  1.  
    • CommentAuthore11world
    • CommentTimeAug 11th 2009
     permalink
    Hey all, I need help here. I'm going crazy.
    OK I'm not a beginner here so don't answer me with things that 90% people would do right away to fix this. I put the 2 lines in different tables (don't tell me not to use them, I have to) and I gave the tables classes and tried the z-index with absolute/relative and nothing worked.

    I click a "From" or "To" button to get the calendar widget (uses asp which I don't know much about) and the problem is that in IE6, the calendar shows behind the pulldown (select) menu in the next line. Screenshot here http://www.e11world.com/other/zindex_table.jpg
  2.  permalink
    Hi,

    The one solution to this problem is to hide the "SELECT" element dynamically when the windowless elements are required to overlap the windowed element.

    something like that
    if (document.body.filters)
    document.getElementById('select').style.visibility='hidden'

    But it's hard to say if it could be fixed from CSS file without seeing the sample in action.

    Cheers, DS
  3.  permalink
    dmi's solution is probably the most direct. If you're feeling motivated, hide the entire <select> node and dynamically create a <ul> with the 'options' being the <li> within that node and dynamically select the respective <option> with javascript.

    Give it a shot...it will be fun :)

1 to 3 of 3

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page