mozilla

Compare Revisions

position

Change Revisions

Revision 300123:

Revision 300123 by ethertank on

Revision 355203:

Revision 355203 by FredB on

Title:
position
position
Slug:
CSS/position
CSS/position
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

Revision 300123
Revision 355203
n62        Lay out all elements as though the element were not positn62        Lay out all elements as though the element were not posit
>ioned, and then adjust the element's position, without changing l>ioned, and then adjust the element's position, without changing l
>ayout (and thus leaving a gap for the element where it would have>ayout (and thus leaving a gap for the element where it would have
> been had it not been positioned).&nbsp; The effect of <code>posi> been had it not been positioned). The effect of <code>position:r
>tion:relative</code> on <code>table-*-group</code>, <code>table-r>elative</code> on <code>table-*-group</code>, <code>table-row</co
>ow</code>, <code>table-column</code>, <code>table-cell</code>, an>de>, <code>table-column</code>, <code>table-cell</code>, and <cod
>d <code>table-caption</code> elements is undefined.>e>table-caption</code> elements is undefined.
n68        Do not leave space for the element.&nbsp; Instead, positin68        Do not leave space for the element. Instead, position it 
>on it at a specified position relative to its closest positioned >at a specified position relative to its closest positioned ancest
>ancestor or to the containing block. Absolutely positioned boxes >or or to the containing block. Absolutely positioned boxes can ha
>can have margins, they do not collapse with any other margins.>ve margins, they do not collapse with any other margins.
n74        Do not leave space for the element.&nbsp; Instead, positin74        Do not leave space for the element. Instead, position it 
>on it at a specified position relative to the screen's&nbsp;viewp>at a specified position relative to the screen's&nbsp;viewport an
>ort and doesn't move when scrolled. When printing, position it at>d doesn't move when scrolled. When printing, position it at that 
> that fixed position on <em>every page</em>.>fixed position on <em>every page</em>.
n99      Elements that are positioned relatively are still consideren99      Elements that are positioned relatively are still considere
>d to be in the normal flow of elements in the document.&nbsp; In >d to be in the normal flow of elements in the document. In contra
>contrast, an element that is positioned absolutely is taken out o>st, an element that is positioned absolutely is taken out of the 
>f the flow and thus takes up no space when placing other elements>flow and thus takes up no space when placing other elements. The 
>.&nbsp; The absolutely positioned element is positioned relative >absolutely positioned element is positioned relative to <em>neare
>to <em>nearest positioned ancestor</em>.&nbsp; If a positioned an>st positioned ancestor</em>. If a positioned ancestor doesn't exi
>cestor doesn't exist, the initial container is used.>st, the initial container is used.
t118      Fixed positioning is similar to absolute positioning, with t118      Fixed positioning is similar to absolute positioning, with 
>the exception that the element's containing block is the viewport>the exception that the element's containing block is the viewport
>.&nbsp; This is often used to create a floating element that stay>. This is often used to create a floating element that stays in t
>s in the same position even after scrolling the page.&nbsp; In th>he same position even after scrolling the page. In the example be
>e example below the "One" box is fixed 80px from the top of the p>low the "One" box is fixed 80px from the top of the page and 20px
>age and 20px from the left:> from the left:

Back to History