Design Issue of DIV Overlapping in IE6 Help

5 replies
  • WEB DESIGN
  • |
Hello,

I am facing problem in design issue related to DIV Tag.

My problem is when i am enable a DIV on click of an Icon the DIV Overlapping with other control on form such as combo box. I have tired to Fixed using z-Index property, but it is not working. I am attaching a screen shot.
#design #div #ie6 #issue #overlapping
  • Profile picture of the author Bruce Hearder
    what is it suppose to look like?

    Bruce
    {{ DiscussionBoard.errors[494446].message }}
    • Profile picture of the author codeswarrior
      Originally Posted by Bruce Hearder View Post

      what is it suppose to look like?

      Bruce
      As you can see the screen shot. The combo box underneath the Div is gets displayed and disturbs the DIV data. So i should not disturbs the div display as their is a text inside the DIV. Did you got my point.?
      {{ DiscussionBoard.errors[494722].message }}
      • Profile picture of the author Barnsy
        I've encountered this exact situation before. What you have to do is disable all the input fields / combo boxes when you want to display your div, otherwise they'll show through.

        Good luck!
        {{ DiscussionBoard.errors[494883].message }}
        • Profile picture of the author codeswarrior
          Originally Posted by Barnsy View Post

          I've encountered this exact situation before. What you have to do is disable all the input fields / combo boxes when you want to display your div, otherwise they'll show through.

          Good luck!
          Hi Barnsy,

          Do you have any other idea. As i don't want to disable other input fields / combo boxes.
          {{ DiscussionBoard.errors[499263].message }}
          • Profile picture of the author Barnsy
            Originally Posted by codeswarrior View Post

            Hi Barnsy,

            Do you have any other idea. As i don't want to disable other input fields / combo boxes.
            Sorry Codewarrier, that was the only thing that worked for me. For my project I was using AJAX. Within an AJAX callback I'd disable any combo/text boxes and then make the overlaying div visible. I added a button on the overlaying div to close it which did another AJAX callback to re-enable the input fields and hide the overlaying div.

            Good luck.
            {{ DiscussionBoard.errors[499987].message }}

Trending Topics