IDENT! identity logo header whatever

CONTENT!

Workshop - layout and design studies

This is my playground for css layout and design experiments. All layout/designs implemented on the same (x)html page with change of stylesheets. No tables used to control layout.

For Internet Explorer for Windows there is the choice of enabling support for Dean Edwards "IE7" Technology. To avoid confusion with the Microsoft version 7 browser, I will in the following refer to Dean Edward's technology as "IE+".

Options

Level of styling:

IE+ modules for IE/Win:

Current designs/layouts:

  1. No layout
    Well, no layout:-)
  2. Classic
    A (to-be) re-implementation of my current homepage design.
  3. 1st 3-coloumn
    3 coloumns fixed width.
  4. 2nd 3-coloumn
    Pretty much like 1st 3-coloumn, but style-selector moved and page has a "footer". Also a "pure css" fold-out left-side menu.
  5. 3rd 3-coloumn
    Pretty much like 2nd 3-coloumn, but style-selector moved and menu has a fixed position (try scrolling page). IE6-problem: IE+ doesn't get the fixed positioning of the menu right.
  6. 3-coloumn liquid center
    3 coloumns with "vari-wide" center (try resizing browser). IE7-problem: Initially page often displays blank. Changing browser-width will trigger rendering and display the page.
  7. Another one
    2 coloumn, fixed width. With a "pure css" fold-out top menu.
  8. Yet another one
    2 column, fixed width. With a "pure css" fold-out right-side menu.

This really is a workshop. I'm making early experiments in prepraration of a (hopefully) future re-implementation of my homepage with a more flexible and *accessable* (x)html-"backend" to style upon. The content you see here today, may very well be changed tomorrow - or completely gone. Most likely the changes will be slow though. I don't find the time to experiment so often.

The primary focus making these layout and design experiments are on Firefox 1.5/2.0, Opera 9.0 and Internet Explorer 7 (I might include Konqueror among these too). Of course IE6 users can't be ignored in the real world, but I have decided to experiment with some layout and designs in the latest modern browsers first, and then somehow afterwards make them work with IE6 (and IE5x?). I hope the IE6-support can be done with IE+ without to much work for me, but otherwise the solution might be rewrites, conditional comments for Internet Explorer or the "useal" CSS-hacks. Whatever seems easiest or best (or funniest) in the end:-)

Read more about this workshop (in danish) on my weblog.

filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler [More fill] [Remove fill]

 transp-PNG link 1 transp-PNG link 2

FEAT1! comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments comments [More fill] [Remove fill]

FEAT3! rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds rssfeeds [More fill] [Remove fill]

CONTACT! contact contact

WARNS! warn warn warn

EXTRA! extra extra