RichInStyle.com
 Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests
Attaching style Applying style Key concepts Color and background Fonts Text Lists Box model

Advanced tests
Positioning Boxes Generated content Dynamic effects Tables Paged media @font-face Aural styles Language styles

This test
Floats - inline text Floats - images Drop caps Float/non-float interaction Float/float interaction Height-dependent float Clear Clear 2
Position: absolute Position: relative Position: fixed 1 Position: fixed 2 Position: fixed 3 Position: fixed 4 Position: fixed 5 Absolute containing block Relative containing block

RichInStyle.com test pages: absolute containing blocks

No red should be visible to the left or top of this element.
This should be moved down 10 pixels (which should be red). The space behind the text should be entirely white.

Right percentage test

The two elements should meet in the middle of the yellow, the right of the red (right: 50%) and the left of the blue (margin-left: 300px (50% of the width of the containing block)).

 
As wide as to the right
As wide as to the left

Left percentage test

 
As wide as to the left
As wide as to the right

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.