Thursday 28th of August 2008 08:14:20 PM

Nice and Free CSS Templates

Negative percentages are also permitted. These will behave like anynegative length value, with the obvious difference that the amount ofnegativity will depend on the width of the parent element. Thus:

P {margin: -10%;}

Figure 7-20 illustrates the consequences of such arule, where the amount by which paragraphs overlap each other andspill beyond the browser window is entirely dependent on the width ofthe window itself -- and the wider the window, the worse thesituation becomes.
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

H3 element has a visible background and border, as has been done in Figure 7-69.

Figure 7-69

Figure 7-69. More floating images and element backgrounds

Yes, the figure is correct: the content of the H3 flows past the image, and the background "slides under" the image, so to speak. This is, in its way, no different than the example in which the paragraph that contained the floated image had a visible background.

value prevents coexistence with floated elements on both sides of the element, as shown in Figure 7-76: 

H2 {clear: both;}
Figure 7-76

Figure 7-76. Clear on both sides

If, on the other hand, we're only worried about H2 elements flowing past floated elements to their right, then we'd use H2 {clear: right;}, with the result shown in Figure 7-77.
Figure 7-77

Figure 7-77. Clear to the right

Finally, there's clear: none, which allows elements to float to either side of an element. As with float: