Sent by Matt Nuzum on 2 November 2004 08:08
Hello, here is a URL that explains the problem in detail and includes
code and screen shots:
http://bearfruit.followers.net/relative_div_problem
In essence, I have a series of data items (a list of pages that users
can edit in their site) stacked one atop the other. On the far right
is a link that activates a drop-down menu.
Each of these data items is a div with position: relative set. Inside
this div are more divs, one containing the link that shows the actions
menu. Besides a link to activate the menu, this div also contains the
actions menu itself.
<div id=data>
<div>some data</div>
<div id=links><a>click here for actions menu</a>
<div id=actions>actions menu</div>
</div>
</div>
* actions menu is a list of links and is absolutely positioned.
* links is floated right.
* the "data" divs have borders on them.
If I set data to position:relative, then when the actions menu appears
you can see the borders of the data divs as if the action menus is
behind the data divs. Additionally, the "click here for more actions"
links show right through the actions div.
If I set links to position:relative instead of data then I no longer
see data's borders through the div but I do still see the "click here
for more actions" links still.
This problem occurs identically across IE 6 and FF 1.0 for Win XP sp2.
I'm getting very frustrated by this, so any help would be greatly appreciated.
--
Matthew Nuzum | Makers of "Elite Content Management System"
www.followers.net | View samples of Elite CMS in action
[EMAIL-REMOVED] | http://www.followers.net/portfolio/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
