My head is hurting
Category None
For the last five days I have been banging my head against the wall with a browser/CSS/DIV issue. Now I'll be the first to admit that this is not a strong area. but the code I was using I had used before and worked perfectly. Well it all worked perfectly well until IFRAMES were introduced, that referred to notes views.
The problem was that I had a tabbed interface which when you clicked on each tab would show a different notes view without having to reload the parent document. All worked well, apart from every now and again, the first few links in the view were not clickable, but if you clicked on a couple of other tabs and then came back the links would be clickable. So investigating things, I tried playing with zindex, visibility of the iframe itself, removing an DIVs that weren't needed, removing all tables etc. etc. Spending lots of time on it.
Do you know what I found the issue to be in the end? It turned our to be a trick that many Domino developers use to hide the "No Documents Found" message, where you set the style for H2 to hidden, so the text is still there just hidden. For some reason, and I think this is an IE bug, although the text was hidden, it was somehow floating above the iframes invisibly. Thus stopping the top couple of links from being clickable.
How did I solve it? The quick way, by still keeping the text hidden, but giving it a height of 1 pixel, which was enough to stop it conflicting with the views.
A total hack I agree, but it works perfectly for my demo.
For the last five days I have been banging my head against the wall with a browser/CSS/DIV issue. Now I'll be the first to admit that this is not a strong area. but the code I was using I had used before and worked perfectly. Well it all worked perfectly well until IFRAMES were introduced, that referred to notes views.
The problem was that I had a tabbed interface which when you clicked on each tab would show a different notes view without having to reload the parent document. All worked well, apart from every now and again, the first few links in the view were not clickable, but if you clicked on a couple of other tabs and then came back the links would be clickable. So investigating things, I tried playing with zindex, visibility of the iframe itself, removing an DIVs that weren't needed, removing all tables etc. etc. Spending lots of time on it.
Do you know what I found the issue to be in the end? It turned our to be a trick that many Domino developers use to hide the "No Documents Found" message, where you set the style for H2 to hidden, so the text is still there just hidden. For some reason, and I think this is an IE bug, although the text was hidden, it was somehow floating above the iframes invisibly. Thus stopping the top couple of links from being clickable.
How did I solve it? The quick way, by still keeping the text hidden, but giving it a height of 1 pixel, which was enough to stop it conflicting with the views.
A total hack I agree, but it works perfectly for my demo.
| Permalink | 
Comments
Posted by Rob the Sailor At 10:41:14 AM On 05/04/2004 | - Website - |
Posted by Bruce Elgort At 01:47:12 PM On 05/04/2004 | - Website - |
Posted by Carl At 09:39:34 PM On 05/04/2004 | - Website - |