Relative Positioning - 2

If you have any comments to make regarding this test, e-mail ian@hixie.ch.

Prerequisites
Browsers that are subjected to this test should support the CSS1 and CSS2 positioning.

1. Moving Left then Stretching Right

This is just an ordinary test paragraph. This is an ordinary test paragraph. Ain't nothing special about this paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph.

This paragraph should look like it has been stretched left and right so that both edges touch the outer border edge. That is to say, there should be no gap between this text and the containg DIV's border.

This should be in the same kind of position as the previous paragraph. This paragraph should look like it has been stretched left and right so that both edges touch the outer border edge. That is to say, there should be no gap between this text and the containg DIV's border.

This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph.

2. Moving Right then Stretching Left

This is just an ordinary test paragraph. This is an ordinary test paragraph. Ain't nothing special about this paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph. This is an ordinary test paragraph.

This paragraph should look like it has been stretched left and right so that both edges touch the outer border edge. That is to say, there should be no gap between this text and the containg DIV's border.

The same thing should happen to this paragraph as to the previous one.This paragraph should look like it has been stretched left and right so that both edges touch the outer border edge. That is to say, there should be no gap between this text and the containg DIV's border.

This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph. This is yet another simple test paragraph.

Submit Results

How does your browser fare on this test?


Up to the Positioning Tests.

Up to the Evil Tests Page.

This page is maintained by Ian Hickson (ian@hixie.ch).

Last updated in February 1999.