Deep in the depths of Castle Ruthsarian is this, the chamber of
experimentation. Here ye shall find many examples of CSS
black magicks in their most raw and hiddeous form. Those who venture
forth dare not expose such experiments to the public eye. Such
disregard for the black arts may expose many great and terrible
page breakings; let ye be warned!
Experimentation Chamber
Your are standing in a dank chamber deep within Castle Ruthsarian, with a boarded side door.
Ther are many dubious experimentations here.
>
Layouts
-
Plaine
-
-
A minimalist approach to markup. The goal of this layout is to achieve
as much as possible, visually, without any markup used only for visual formatting.
-
Nausicaä
-
-
The goal here is to develop a 3-column layout that has
gaps between each column. Each column also needs to have a border around it
and it must be able to have separate background colors for each column, and
the columns must carry the full height of the web page regardless of which
column is tallest.
-
Bob
-
-
Started out as an experiment in overlaying borders of
varying sizes to eventually achieve a blurred-edge. It
has since changed into a layout with a thick border that
has a smaller border around the thick border, both on the
inside and outside of the thick border.
-
Diane : One
-
-
A fixed header and footer with the area inbetween scrollable
content.
Tutorials
-
IE Boxing
-
An exploration of a rounding error in IE that occurs
when floating multiple elements next to each other with
the intent that the total width of these elements be 100%
of the available width. Under certain conditions, the right
left most box will be pushed down despite the widths
being properly set. A workaround is offered.
-
IE/Mac Version Hack
-
A CSS hack that allows you to target CSS at IE/Mac 5.0 and 5.1 separately.
-
Wide Images
-
Images inside fluid layouts can create problems if they are too wide
for the available width of their parent container. This explores
one possible solution for using wide images inside a fluid layout.
-
-