CSS Basics

Everything you ever wanted to know about the basics of CSS

yarın işe gelmeyecekmiş gibi sikişen aptal garson hd porno kendisiyle adeta eğlenen çılgın kızla sikişirken hd porno tuvalete gelen patronu tarafından işten kovulunca grup porno bir anlık zevk için işinden olur zamanının geldiğini düşünürler anal porno çok iyi anlaştığı siyahi arkadaşına uyarak bu sırada grup porno onları kapıdan dinleyen genç adam güzel anal porno azgın kızın orgazm olamadığını duyunca iyi sikemediğini youporn anlar bunun kendisi için fırsat olduğundan emin olan anal porno oğlan azgın genç kızla sevgilisi masada bilgisayarda asyalı porno ders notlarına bakarken mini etekli kız hafif brazzers porno domalınca etek altı külotu gözükür ona bakıp milf porno gülümseyerek kalçalarını hafifçe sallar

Chapter 17 : CSS Positioning





Inherited: No

Position

The position property (as you may have guessed) changes how elements are positioned on your webpage.

position: value;

Values:

  • static
  • relative
  • absolute
  • fixed

Now, what does all that mean?

Static

Static positioning is by default the way an element will appear in the normal flow of your (X)HTML file. It is not necessary to declare a position of static. Doing so, is no different than not declaring it at all.

position: static;




Relative

Positioning an element relatively places the element in the normal flow of your (X)HTML file and then offsets it by some amount using the properties left, right, top and bottom. This may cause the element to overlap other elements that are on the page, which of course may be the effect that is required.

position: relative;

Absolute

Positioning an element absolutely, removes the element from the normal flow of your (X)HTML file, and positions it to the top left of its nearest parent element that has a position declared other than static. If no parent element with a position other than static exists then it will be positioned from the top left of the browser window.

position: absolute;

Fixed

Positioning an element with the fixed value, is the same as absolute except the parent element is always the browser window. It makes no difference if the fixed element is nested inside other positioned elements.

Furthermore, an element that is positioned with a fixed value, will not scroll with the document. It will remain in its position regardless of the scroll position of the page.

At this time IE6 (Internet Explorer 6) does not support the fixed value for the positioning of an element. Thus it will not position fixed elements correctly and will still scroll with the page. To see this effect in action you will need to use a standards compliant browser, such as Firefox 1.0

position: fixed;

When positioning elements with relative, absolute or fixed values the following properties are used to offset the element:

  • top
  • left
  • right
  • bottom

position: absolute; top: 10px; right: 10px;