Saturday 22nd of November 2008 06:21:26 AM

Nice and Free CSS Templates

to float outside of their parent's content area. It also makesit seem like the term "containing block" should really be"positioning context," but since the specification uses"containing block," so will this text. (We do try tominimize confusion. Really!)

The values of position have the following meanings:

static
This site contains free css templates for your website - Just copy and paste and there you have a stunning website !

Menu und content
dynamic

Menu fixed, content
dynamic

Menu und content
dynamic

3 columns all
dynamic

4 columns all
dynamic

Menu floating

Menu fix, Inhalt u.
Head dynamic

3 columns fix
centered

dynamic mit
Head und Footer

fixed BOX centered

dynamic BOX
centered

fixed Box total
centered
slightly different background color. In Figure 9-2, it has no margins, but if it did, they would create blank space between the borders and the offset edges. This would make the positioned element appear as though it did not completely fill the lower-right quarter of the containing block. In truth, it would do so, but this would not be immediately apparent to the eye. In other words, the following two sets of styles would have the same visual appearance, assuming the containing block to be 100 ems high by 100 ems wide:

Figure 6-48

Figure 6-48. Use of the background-position property sets the origin of the tiling pattern

As it happens, the positioning of backgrounds does contradict something I said earlier. background-position is the only background property with restrictions, as it may only be applied to block-level and replaced elements; background image positioning cannot be done on inline elements such as hyperlinks.

margin + 0padding =85px . Thus the top inner edge of the floatedelement should be at pixel position 85; even though this is higherthan the top inner edge of the float's parent element, the mathworks out such that the specification isn't violated. A similarline of reasoning explains how the left inner edge of the floatedelement can be placed to the left of the left inner edge of itsparent.