Even if CSS started out as a way to style elements in the normal flow of a document, it quickly became apparent that authors wanted to do more with their layouts. There were requests for a CSS way to replace frames, methods to offset elements from their normal placement, and more. In response, positioning was added to the specification in CSS2. There are really only three kinds of positioning: static, relative, and absolute. Static positioning is the state of normality—in other words, an “un-positioned” paragraph actually has a static position. Relatively positioned elements are offset from their normal place in the document, while absolutely positioned elements are placed with respect to some point like the visual layout , and they never move from that position.

Every positioned element is placed with respect to its containing block. This block can be thought of as the positioning context for the positioned element. Every positioned element has its own unique containing block. The way to determine such a block is explained in each following section. Relative positioning is fairly simple in its execution. A relatively positioned element is offset from the place it would ordinarily occupy in the normal document flow, and the space it leaves behind is preserved. This makes it fairly likely that the positioned element will overlap other elements and their content, or be overlapped by other elements, depending on the value of the property z-index. It is up to the author to construct styles that avoid such situations, if desired.

The containing block of a relatively positioned element is the box it would have occupied in the normal flow of the document (i.e., had it not been positioned). The distance of a relatively positioned element is set with the properties top, right, bottom, and left. Positive values will push the element toward the center of its containing block, css decoding for neopets css
confederate torpedoe boat css squiband negative values will push it away. Thus, a positive value for top will push the element downward, while a positive value for bottom will move it upward. Negative values will reverse the directions.

Similarly, a positive value for left will push the element to the right, and a positive right value will move it to the left, with negative values having the opposite effects.There are cases where the values of some properties will clash with each other. For example, setting both top and bottom to 10px means that the element should be moved both upward and downward by 10 pixels, which is not possible. Therefore, the following rules are used:

1.If the properties top and bottom are both given an explicit value, then the value of bottom is ignored.

2.If the properties left and right are both given an explicit value, then the value of right is ignored in left-to-right languages. In right-to-left languages, left is ignored.

Absolute positioning actually covers two values of the property position. These values are absolute and fixed. The only real difference between the two is the containing block used in each case; otherwise, the rules explained in this section are the same for both. In both cases, the positioned element is entirely removed from the normal flow of the document. This makes it quite likely that the positioned element will overlap other elements and their content, or be overlapped by other elements, depending on the value of the property z-index. It is up to the web designer to construct styles that avoid such situations, if desired.

Notbutik
Det största utbudet av noter - en svensk butik - allt på samma ställe! Alla smakinriktningar - Snabb service - Välkommen in och se! 

Tanicos Web 2.0 Design
Tanicos Web 2.0 Design is a leading and professional web design company delivering exceptional website designs. We are specialized in providing innovative and high quality custom website designs. 

Barbaros Yachting - Yacht Charter Operator in Turkey & Greece.
Barbaros Yachting offers Crewed Yacht Rental, Cabin Charters and Bareboat Charters in Turkey & Greece. Sail as a group, couple or single along the Agean and Mediterranean Coasts.. 

Pixel Penguin: Place you Ads and Banners for Free
Get some FREE pixels and link your website!, including $10, 0000 free pixels.

Musiknoter
Notböcker, Musiknoter, Noter. Vi erbjuder Sveriges största utbud av noter. 

Fratboys, Jocks, Sports, Surfers, Movies and Videos - Euro Thai Thug Foot
Fratboy`s Movies - The Best Movies and Videos on Demand on the Net! 

Popi Design and Print
Design and printing services, litho and digital printers. Online stationery orders for larger account with online proofing. Great prices and excellent service, established since 1989, based in Kent, but nationwide service.

Sheet Music
European sheet music store - Worldwide shipping 

Restaurant Supplies
Over 50.000 items available

Clothes For Children
Tastful and fashionable, stunning prices and quality. Welcome to Clothes-For-Children.com

Linsvätska
Köp billiga kontaktlinser online. Vi rekommenderar butiker som erbjuder bra priser på billiga linser, linsvätska och linsetuier.

Buy Furniture
With over 14.000 items we are proud to present the largest online selection of furniture.

Perfume
Perfume for men and women.

Strollers
A wide selection of strollers and baby / infant products.

Batteries
The batteries online mega shop with over 50.000 types of batteries.