Not sure what you have done, but both browsers should do this correctly.

In fact I've just done this very thing on the new ABC homepage 
[http://www.abc.net.au/] - the 'features' items at the bottom of the center 
column use an absolutely positioned gif to create the bevelled corners.

By the way, IE 5.0 Mac will position elements relative to the body unless you 
specify 'position:relative' for *all* of an element's ancestors, not just the 
immediate parent. [This took me ages to work out.]

cheers,
Geoff



> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Julián Landerreche
> Sent: Friday, 29 July 2005 1:39 PM
> To: [email protected]
> Subject: [WSG] position:relative applied to div with same class
> 
> 
> Hi,
> 
> I am trying to use position:relative applied to a div, and then, 
> position an element with position:absolute ((the tag of the 
> element is 
> nested in the <div class="product">)
> The div has a class name ("product") that isnt unique, it is used in 
> various divs in the same page.
> 
> The problem is that Mozilla Firefox seems to position the 
> absolut-positioned element always relative to the first <div 
> class="product"> and not to the parent div of the absolut-positioned 
> element.
> But IE6 does it as I want it: the absolut-positioned element 
> is always 
> positioned relative to its parent <div class="product">
> 
> Wich one is correct? and how can I solve this?
> 
> Thanks in advance and excuse my english.
> JL
> 
> 
> 
> ******************************************************
> The discussion list for  http://webstandardsgroup.org/
> 
>  See http://webstandardsgroup.org/mail/guidelines.cfm
>  for some hints on posting to the list & getting help
> ******************************************************
> 
> 
******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to