This is a legacy document, and retained on the site in order to avoid link rot. The content is likely no longer (a) accurate, (b) representative of the views and philosophies of current site management, or (c) up to date.
CSS Layout experiment 3a
Three nested CSS layers, one floating
The style rules for
DIV layers and contained text
can be found through this link to the layer
experimental style sheet .
BODY of this page has all of its margins set at
zero, and its left and right paddings set at
The so resulting
100% BODY width available for
rendering, now corresponds to the length of the horizontal ruler
sitting just above the layer example.
A snapshot of a correct rendering of this example is available.
P inside transparent floating
P on a green background.
All three paragraphs in this example are marked up inside one
DIV with a pink background that in its turn is
nested inside a
DIV with a light grey background
color. The paragraphs themselves have three different
background colors, and this middle
P is also set
to be presented with justified text. Rest of the details can be
found in the HTML source code and the stylesheet.
P on a light blue background.