Left Column: 200px - fixed width


Some links back to Web-Kreation:

Right Column: 200px - fixed width

The script

You can find the script of this page here

Content: fluid layout

About this script

Only the "content" of this page has a fluid layout. The sidebars have fixed widths. Besides, the footer stick at the bottom. Resize your browser window to see how it behaves.

I have tested this page on IE6, Firefox 2, Opera 9 and Safari 3 for windows. If you have tested this script on other browsers, tell me and I will add it here.

Equal Height Columns:

Unfortunately, it is impossible to generate equal height columns with CSS. It has to be done with a hack.

My Solution was to add a script from Dynamic Drive.

If you want to have equal height columns, go to Dynamic Drive : css equal columns height script to get the script and add this line into the HEAD section of your html document:

<script src="equalcolumns.js" type="text/javascript"></script>

...find this line in "equalcolumns.js":

ddequalcolumns.columnswatch=["leftcolumn", "rightcolumn", "contentwrapper"]

...and change it to be:

ddequalcolumns.columnswatch=["leftbar", "rightbar", "content"]