By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,940 Members | 1,250 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,940 IT Pros & Developers. It's quick & easy.

display div over all other elements in document

P: 41
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.
Nov 21 '08 #1
Share this Question
Share on Google+
5 Replies


P: 88
Use z-index. http://www.w3schools.com/Css/pr_pos_z-index.asp

Expand|Select|Wrap|Line Numbers
  1. <div style="z-index:100;"></div>
Nov 21 '08 #2

P: 41
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.
Nov 25 '08 #3

P: 88
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.
Nov 25 '08 #4

P: 41
i found main div in which this grid exists. i set div.style.overflow= 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.overflow= auto)

can you help me in this situation.
Dec 1 '08 #5

P: 88
Please post the relevant HTML / JS code.
Dec 1 '08 #6

Post your reply

Sign in to post your reply or Sign up for a free account.