Comments on: Absolute, Relative, Fixed Positioning: How Do They Differ?

By: Raviraj

Raviraj — Wed, 04 Feb 2009 04:49:34 +0000

I missed in one statement.
Correction*
I think position fixed is relative to and not to view point (Screen) >> I think position fixed is relative to and not to view point (Screen).

By: Raviraj

Raviraj — Tue, 03 Feb 2009 11:09:32 +0000

Hi Chris,
Thanks for this post Chris.
I have same problem with fixed position as David asked above.
I think position fixed is relative to and not to view point (Screen).
I have created one page with frame in it.

Frame contain page with one loading image whose CSS are as below.

position:fixed; left:50%; right:50%; top:50%; bottom:50%; height:1px; width:1px;

This image is visible to center when I brows the inner page separately, but it get center to iframe and not to screen when I brows the parent page which contain iframe with this page.

I want the image to center of screen instated of iframe and I tried it but didn’t get desired result.
Is there any way to do this?

By: Tracey

Tracey — Sun, 25 Jan 2009 04:12:20 +0000

Thanks for this Chris. I had been wondering why navigation elements aren’t fixed more often. Now I know what to avoid…I think :)

By: Main || My UX Development Corner || Branded X

Main || My UX Development Corner || Branded X — Sun, 18 Jan 2009 23:45:28 +0000

[...] move them pretty much anywhere. For more information on how absolute and relative positioning works read this article. I also set the font size to 0px to fix spacing issues in [...]

By: How to add image hanging off of left side of blog, as well as background image? - DIY Themes Forums

Thu, 27 Nov 2008 02:16:58 +0000

[...] are mostly using absolute positioning. I don’t know if thise will help, but give it a go… Absolute, Relative, Fixed Positioning: How Do They Differ? Perhaps if you have a mock-up image of just what you want I could say how I would go about it, but [...]

By: David

David — Sat, 15 Nov 2008 07:35:48 +0000

I thought position: fixed; set something fixed relative to the closest parent with position relative (and defaulted to the viewport ()). Any chance of a confirmation?

By: Metropolis

Metropolis — Mon, 03 Nov 2008 05:56:40 +0000

[...] Aliased or Anti-aliased type in web comps? – Absolute, relative, fixed positioning: how do they differ? – DiseÃ±o web: cÃ³mo hacer una cotizaciÃ³n profesional – El DiseÃ±o nota la Crisis? – 10 Tips to [...]

By: A Ghoulish Collection of Links | This Month In SEO - 10/08 | TheVanBlog | Van SEO Design

Sat, 01 Nov 2008 05:18:21 +0000

[...] Absolute, Relative, Fixed Positioning: How Do They Differ? [...]

By: A Ghoulish Collection of Links | This Month In SEO - 9/08 | TheVanBlog | Van SEO Design

Sat, 01 Nov 2008 01:00:41 +0000

[...] Absolute, Relative, Fixed Positioning: How Do They Differ? [...]

By: Ingo

Ingo — Tue, 28 Oct 2008 15:06:55 +0000

Good overview, thanks!