Imagine floats as being similar to the old align="right".

For example, you have a block of content and an image. If you want the image
to align right beside the content it must be before the content.

Floats work in exactly the same way. To quote:
"Block level elements above a floated element will not be affected by it.
However, elements below will wrap around the floated element"
http://css.maxdesign.com.au/floatutorial/introduction.htm

Block level element above a floated element ignore the floated element:
http://css.maxdesign.com.au/floatutorial/introduction16.htm

Block level element below a floated element is affected by the floated
element:
http://css.maxdesign.com.au/floatutorial/introduction17.htm

Makes sense?
Russ


> The thing that also gets me is, it's just not logical sometimes, like I have
> 2 columns,
> 1. Navigation
> 2. Content
> If I have them in that order I can say to the Navigation "float: right" and
> all works fine, but if I have them in the following order
> 1. Content
> 2. Navigation
> And I say "float: right" it is positioned on a new line, I just don�t see
> what the difference is?

*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************

Reply via email to