Some handy bits

Basic site

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TYPETITLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="nl-en" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="robots" content="ALL" /> <meta name="description" content="TYPECONTENT" />
<meta name="keywords" content="TYPEKEYWORDS" /> <meta name="author" content="websigner" />
<meta name="Copyright" content="Copyright (c) 2010 Websigner" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="Rating" content="General" />
<link rel="Shortcut Icon" href="images/favicon.ico" type="image/x-icon" />
<link rev="TYPENAME" href="TYPEURL" title="TYPETITLE" />
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<script type="text/javascript">
</script>
</head>
<body>
<div id="header">
</div><!-- header -->
<div id="content">
</div><!-- content -->
<div id="footer">
</div><!-- footer -->
</body>
</html>

CSS intro

/* v1.0 DD/MM/JJ */
/* copyright Websigner */
/* tested on:
MAC OSX
- Safari 3.0.4: OK
- Firefox 2.0.0.11: OK
PC WINXP
- IE 6.0: Not supported
- IE 7.0: OK
- Opera: OK
- Firefox 2.0.0.11: OK
PC WINVISTA
- IE 7.0: OK
- Firefox 2.0.0.11: OK

You may use this code and design as inspiration,
the entire design is protected and copyrighted.
If you wish to use images, please inform me.
(Contact me trough info in the footer).

*/

Columns 960*590

These columns include margin, border and padding.

1 = 960px wide
2 = 480px wide
3 = 320px wide
4 = 240px wide
5 = 192px wide
6 = 160px wide
8 = 120px wide