CSS-Layouts

Below you’ll find readymade (X)HTML/CSS-layouts which can be used for any purpose. The layouts contain clean code and have been successfully tested on Firefox 2, Internet Explorer 6, Internet Explorer 7, Opera 9 and Safari 3. They can be viewed online but you can also download them as a .ZIP-file. The .ZIP-file contains the HTML-file and also a single CSS-file which can be used as an external resource-link.


tutorial

xshock_css_layout_07


Full browser-width / three columns /
fixed column-height / vertical menu

CSS is valid!
tutorial

xshock_css_layout_06


Full browser-height / three columns /
dynamic column-height / vertical menu

CSS is valid!
tutorial

xshock_css_layout_05


Centered alignment / scrollable content /
fixed size / vertical menu

CSS is valid!
tutorial

xshock_css_layout_04


Full browser-height / one column /
dynamic column-height / horizontal menu /
fixed footer

CSS is valid!
tutorial

xshock_css_layout_03


Full browser-height / three columns /
dynamic column-height / vertical menu /
fixed footer

CSS is valid!
tutorial

xshock_css_layout_02


Full browser-height/width / two columns /
dynamic column-height / vertical menu /
fixed footer

CSS is valid!
tutorial

xshock_css_layout_01


Full browser-height / two columns /
dynamic column-height / vertical menu /
fixed footer

CSS is valid!