display div over all other elements in document

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • dipalichavan82
    New Member
    • Feb 2008
    • 41

    #1

    display div over all other elements in document

    I am working on sharepoint application.
    I am displaying some data in gridview.
    when I right click on gridcell, context menu opens in a div.
    this div hides onmouseout event.
    In this div i have three links for three different pages.
    Now problem is, I have 2 main divs on page.
    in 1st div this gridview comes. and second main div in which i am displaying some other data.
    Now in 1st div, i have gridview.when i click on last and second last gridcell, i am getting popup div but is shown halfly, as it gets hidden behind , second div(popup div is not part of this div).
    Please send some solution.I want to display popup div on last two gridcells also.
    Thanks in advance.
  • serdar
    New Member
    • Nov 2008
    • 88

    #2
    Use z-index. http://www.w3schools.com/Css/pr_pos_z-index.asp

    Code:
    <div style="z-index:100;"></div>
    Last edited by eWish; Nov 25 '08, 01:49 PM. Reason: fixed code tags

    Comment

    • dipalichavan82
      New Member
      • Feb 2008
      • 41

      #3
      hi serdar,
      thanks for reply

      i have very much complicated structure of tr, td div , that also i cant reprodeuce here.i would try to explain some.
      i have 8 <tr> in body.
      In 6th <tr>, i have a grid in a div (div1).
      In 7th <tr>, i have a div (div2).on right click of gridcell , a div pops up(popupdiv).
      on popupdiv i have 3 links , that opens , 3 different webpages.
      Problem is , when i click on , last 2 rows in gridcell, i am getting popupdiv halfly. it gets hidden behind , div2.

      I tried to set , z-index = 100 for popupdiv.but it does not work.

      is it because, the popupdiv is created on fly.

      should , i set z-index , of tr or div , to 0 or -1 , for reference.
      please help.

      Comment

      • serdar
        New Member
        • Nov 2008
        • 88

        #4
        It would be a lot easier if you provide a link to your page, or at least post the relevant part of the code here. I'll post a sample soon anyway.

        Comment

        • dipalichavan82
          New Member
          • Feb 2008
          • 41

          #5
          i found main div in which this grid exists. i set div.style.overf low= visible for this main div, and also for all divs which are child of this main div.

          its working well in IE.
          In mozilla it works fine for first time, for next attempt, it automatically increase height of main div, sets scrollbar(may be it is setting, div.style.overf low= auto)

          can you help me in this situation.

          Comment

          • serdar
            New Member
            • Nov 2008
            • 88

            #6
            Please post the relevant HTML / JS code.

            Comment

            Working...