Nice and Free CSS Templates

padding Values [ <length> | <percentage> ]{1,4} WARNING 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

element should be will do this: 100px + (-15px) margin + 0 padding = 85px . Thus the top inner edge of the floated element should be at pixel position 85; even though this is higher than the top inner edge of the float's parent element, the math works out such that the specification isn't violated. A similar line of reasoning explains how the left inner edge of the floated element can be placed to the left of the left inner edge of itsmathematically correct: 10 + 50 = 400. Even though this leads to a child element sticking out of its parent, technically the specification hasn't been violated, because the values of the seven properties add up to the required total. It's a semantic dodge, but it's valid behavior.

Let's consider another example, illustrated in Figure 8-20, where the left margin is set to be negative:

DIV {width: 400px; border: 1px solid black;}