index of the floating test - final - :)

this css formated page comes with 5 floating boxes, 3 cols and image-flip in nav-left

this flexible page-layout comes just with html vers 4.01 strict, css and with mouse-over-image-flip.
* without javascript - - * without tables - - * without browser workarounds [ i am too tired for that ].

the styles are written into the page (so it's easy to copy or saveing),

use it with @import, ...

tested with:

NS 7.0 on mac (9 and X) and pc (win98), IE 5.1.6 on mac (os9) and 5.2 (osX), IE 6 (win98), mozilla 1.1 on mac (9 and X), opera7 (win98), and it looks pretty the same !!!!


anyway: don't have pixelprecision in your mind (you will get mad, on those browser quirks).

class content1 - I am a dummy copy. And I've been a dummy copy since my birth. It took me a long time to realize what it means to be a dummy copy: you make no sense. You stand out now and then by being completely out of context. I know that I'll never stand a chance of appearing in the Economist.

oh - yes this page (the css) is overcoded. stripp it down carefully.

class content1 - I am a dummy copy. And I've been a dummy copy since my birth. It took me a long time to realize what it means to be a dummy copy: you make no sense. You stand out now and then by being completely out of context. I know that I'll never stand a chance of appearing in the Economist.

the left side:



leftside height is set to 300px.

thanks to:


w3c.org
selfhtml.org
webstandards.org
alistapart.com
glish.com
bluerobot.com
box_lesson
selectoracle
evolt.org
codebitch

for publishing tips and helping others to survive.

css baseline2 - this page uses valid CSS! and valid HTML 4.01 strict! test it. suggestions and comments: [ css@t-2.at ]. feel free to copy the code [ it's open source ].

note:

this is just a test.
this is not a tutorial.
the css style information is written into the html-page, so its easy to view/copy the source-code.