On Wed, May 28, 2008 at 09:44:31PM +0100, Alan K Baker wrote:
> According to my books position:relative is to give a point of
> reference to any absolute positioned elements inside it. That's always
> been my understanding and it's always worked.
> 
> "CSS The Missing Manual" says: Relative - A relatively placed element
> is placed relative to its current position in the HTML flow. So for
> example, setting a top value of 20px and a left value of 200px on a
> relatively positioned headline moves the headline 20px down and 200px
> to the left from wherever it would normally appear.
> 
> So if you've set a position say top and left the <div> will move, but
> position:relative is not the reason, it's set for the benefit of other
> elements.

Yes, that all matches my understanding. Goto this browsershots.org url:

http://browsershots.org/http://lpnc.us/donate.php

You'll see that IE7 gets it right while IE6 has some unexplainable
offset. It also works just fine in gecko browsers.

In trying to figure it out I removed all the styling from the form and
its fieldsets. All ok. Then I added just

fieldset { position: relative; }

and there was the crazy offset. It doesn't even seem to be related to
any other screen element.

> Regards, 
>  
> Alan.
>  
> www.theatreorgans.co.uk
> www.virtualtheatreorgans.com
> Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
> Shopsmith 520 + bits
> Flatulus Antiquitus
> 
> 
>   ----- Original Message ----- 
>   From: Rick Pasotto 
>   To: css-d@lists.css-discuss.org 
>   Sent: Wednesday, May 28, 2008 9:08 PM
>   Subject: [css-d] relative positioning
> 
> 
>   Is my understanding correct that putting:
> 
>   div#name1 { position: relative; }
> 
>   in the css file should have absolutely no effect on <div id="name1">?
> 
>   If that is correct, why then does IE6 move the div? Does it make a
>   difference that the block I'm dealing with is a fieldset?
> 
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

-- 
If tyranny and oppression come to this land, it will be in the guise
of fighting a foreign enemy. -- James Madison
    Rick Pasotto    [EMAIL PROTECTED]    http://www.niof.net
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to