fixed positioning

position property sampler

diane laurie

Four values for the position property are...

  1. static (default)
  2. relative
  3. absolute
  4. fixed *

Static positioning is the default position value,which causes elements to stack one on top of the other separated by default margin settings. Paragraphs 1, 2 & 4 below use default positioning. The position value is set to fixed in paragraph 3. Although the values for top and left are the same as they were for absolute positioning, the paragraphy is no longer positioned with respect to the center container because its positioning context is now the viewport, or browser window. Because it is nailed-to-the-browser-window, it does not move when the page is scrolled.

I am PARAGRAPH 1 with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings.

I am PARAGRAPH 2 with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings .

I am PARAGRAPH 3 with my position value set to fixed. Although the values for top and left are the same as they were for absolute positioning, I am no longer positioned with respect to the center container because my positioning context is now the viewport, or browser window. Because I am "nailed-to-the-browser-window" I do not move when the page is scrolled.

I am PARAGRAPH 4 with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am PARAGRAPH 4 with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings.

Valid XHTML 1.0 Strict graphic: Valid CSS 2.1