Comments on: Position: relative; and Floats

By: iLuke

iLuke — Sat, 08 Apr 2006 03:31:06 +0000

Ahh… very good to know!

By: Elliot Swan

Elliot Swan — Sat, 08 Apr 2006 03:27:38 +0000

@Luke: If they were both actual position properties, then it should cause an error. But using floats with position is fine. I actually asked Nathan about it today as I wasn't completely sure if you were supposed to do that, and as he told me, floats control what happens around the element, and position controls what happens to the element.

By: iLuke

iLuke — Sat, 08 Apr 2006 00:53:28 +0000

That should be an error in the CSS… Technically the second position delcaration should over-ride the first… shouldn’t it?

By: Elliot Swan

Elliot Swan — Fri, 07 Apr 2006 16:57:36 +0000

Well yeah, I knew that. But the fact that you can position an element relatively at the same time you’re floating it was a new discovery. I assumed that you can only be using one type of positioning per element at a time (float, relative, or absolute), but it appears that floats and relative positioning can both be applied to the same element.

By: James Mitchell

James Mitchell — Fri, 07 Apr 2006 15:15:08 +0000

Yeah I didn’t actually learn it, I stumbled across it when looking into UL’s and LI’s. Where you don’t need to include them in a div, just ID them and assign them the same attributes you would as if they were a div. Quite helpful. Thanks for sharing it to the masses.