| SitePoint Sponsor |
I have an HTML layout containing several nested DIVs.
I have noticed that when I position absolutely a DIV child of a relatively positionned DIV, Mozilla FireFox does not recognize the links.
Example:
<div id="rp">
Some text
<div id="ap"><a href="url">text</a>
</div>
If rp is "position: relative" and ap is "positon: absolute", the link will not work in FireFox, why?
Hi,
It does work perfectlyThe code you gave above worked without problems.
There is probably some other element on your page that is on top of the link so you need to make sure that z-indexes are set accordingly.Code:<style type="text/css"> #rp {position:relative;} #ap {position:absolute;left:20px;top:20px;} </style> </head> <body> <div id="rp"> Some text <div id="ap"><a href="url">text</a> </div> </div>
I would need to see you page to give a definitive answer but there is no problem with firefox and links (AFAIK) in absolutely positioned elements.
Paul
I solved the problem.
Some layers were overlapping and links of layers "overlapped" were not working in FireFox, although the worked fine in IE.
I've restructured the web and now it works with both browsers, although it is not exactly as intended :-(
Last edited by Traduim; Apr 21, 2004 at 08:00.
Posting Permissions
Bookmarks