Re: [css-d] After positioning relative, IE places everything far below

[Chris W. Parker]

Zoe M. Gillenwater 
on Thursday, May 25, 2006 7:39 AM said:

> You're right, relative positioning is not useful in the way you are
> using it. I would use a negative margin to shift something up like
> that. But relative positioning, without applying any offsets, is
> useful for setting things for absolutely positioned elements to base
> off of. Offsetting relative positioned elements is very occasionally
> useful when it doesn't matter if a gap is left behind.

I see. Thank you.


Chris.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] After positioning relative, IE places everything far below

[Zoe M. Gillenwater]

Chris W. Parker wrote:
> Ingo Chao 
> on Wednesday, May 24, 2006 1:15 PM said:
>
>   
>> This does not sound wrong.
>> http://www.w3.org/TR/CSS21/visuren.html#choose-position
>> "When a box B is relatively positioned, the position of the following
>> box is calculated as though B were not offset."
>> 
>
> Hmm... then I don't understand how relatively positioning anything can
> be useful, if after you initially position something you're forced to
> position ever next element after the first one.
>   

You're right, relative positioning is not useful in the way you are 
using it. I would use a negative margin to shift something up like that. 
But relative positioning, without applying any offsets, is useful for 
setting things for absolutely positioned elements to base off of. 
Offsetting relative positioned elements is very occasionally useful when 
it doesn't matter if a gap is left behind.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] After positioning relative, IE places everything far below

[Ingo Chao]

Chris W. Parker wrote:

> www.swatgear.com/impacst.php
> 

"Failure is not an option", uh, so my next proposal is better more correct.

#box_with_button { ... overflow: hidden;}

would prevent IE<7 from expanding the height of #box_with_button. (IE6 
treats height similar to min-height.)

Further problems are the default margins/paddings of the elements 
inside. I'd suggest you set them to 0 first before positioning.

Not that I would have an good solution at hand, but what happens when a 
user decides to zoom the text-size?


Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] After positioning relative, IE places everything far below

[Chris W. Parker]

Ingo Chao 
on Wednesday, May 24, 2006 1:15 PM said:

> This does not sound wrong.
> http://www.w3.org/TR/CSS21/visuren.html#choose-position
> "When a box B is relatively positioned, the position of the following
> box is calculated as though B were not offset."

Hmm... then I don't understand how relatively positioning anything can
be useful, if after you initially position something you're forced to
position ever next element after the first one.

> If Fx does show a different behavior, then most probably Fx is
> correct. I suspect the elements inside to be floated?

I have no floats.

> Then you have a problem in getting help from those who do not have
> access to a crystal ball.

You mean you don't have a crystal ball??

I moved everything as it is now to the public server so you can see it
here:

www.swatgear.com/impacst.php


Thanks for your help Ingo.


Chris.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] After positioning relative, IE places everything far below

[Ingo Chao]

Chris W. Parker wrote:
> Hello,
> 
> I'm just now experimenting with 'position: relative;' and I've come to
> find out that even when I place an element outside a  (with
> relatively positioned elements inside it) it is still pushed below the
> point where the positioned elements WOULD have been (had they not been
> positioned).

This does not sound wrong.
http://www.w3.org/TR/CSS21/visuren.html#choose-position
"When a box B is relatively positioned, the position of the following 
box is calculated as though B were not offset."

> So now it seems that I have to relatively position ALL the elements in
> IE that come after my initial positioned elements if I want to fill the
> gap. Firefox doesn't exhibit this behavior. There's got to be a work
> around for this or it's also possible that I'm doing something wrong.

If Fx does show a different behavior, then most probably Fx is correct. 
I suspect the elements inside to be floated?

> I'd submit a link but my page is on a test server that can't be reached
> from the outside.

Then you have a problem in getting help from those who do not have 
access to a crystal ball.


Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] After positioning relative, IE places everything far below

[Chris W. Parker]

Hello,

I'm just now experimenting with 'position: relative;' and I've come to
find out that even when I place an element outside a  (with
relatively positioned elements inside it) it is still pushed below the
point where the positioned elements WOULD have been (had they not been
positioned).

So now it seems that I have to relatively position ALL the elements in
IE that come after my initial positioned elements if I want to fill the
gap. Firefox doesn't exhibit this behavior. There's got to be a work
around for this or it's also possible that I'm doing something wrong.

I'd submit a link but my page is on a test server that can't be reached
from the outside.


Thanks,
Chris.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/