HTML - CSS-layout:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="sv">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>MIN WEBBSIDA</title>
<meta name="author" content="Namn">
<meta name="description" content="Beskrivning.">
<meta name="keywords" content="nyckelord, en fras, nyckelord">
<link rel="stylesheet" href="stilmall.css" type="text/css">
</head>
<body>

<div id="layout">

<div id="main">
<h1>Huvudrubrik</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>

<div id="side">
<p>Här finns plats för att skriva in till exempel sidans meny!</p>
</div>

<br class="clear">

</div>

</body>
</html>

CSS - CSS-layout:

body {
padding: 0; margin: 0;
margin-top: 20px; margin-left: 30px;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
background-image: url();
background-repeat: repeat;
}

h1 {
font-family: Georgia, "Times New Roman", serif;
color: #000000;
}

.clear { clear: both; }

#layout { width: 98%; }

#side {
width: 22%;
float: left;
padding-top: 4em;
}

#main {
width: 75%;
float: right;
}

HTML - Tabelllayout:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="sv">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>MIN WEBBSIDA</title>
<meta name="author" content="Namn">
<meta name="description" content="Beskrivning.">
<meta name="keywords" content="nyckelord, en fras, nyckelord">
<link rel="stylesheet" href="stilmall.css" type="text/css">
</head>
<body>

<table id="layout" summary="design" cellspacing="0">
<tr>
<td>&nbsp;</td>

<td id="main" rowspan="2">
<h1>Huvudrubrik</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></td>
</tr>

<tr>
<td id="side">
<p>Här finns plats för att skriva in till exempel sidans meny!</p></td>
</tr>
</table>

</body>
</html>

CSS - Tabelllayout:

body {
padding: 0; margin 0;
margin-top: 20px; margin-left: 30px;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
background-image: url();
background-repeat: repeat;
}

h1 {
font-family: Georgia, "Times New Roman", serif;
color: #000000;
}

#layout { width: 98%; }

#side {
width: 22%;
vertical-align: top;
padding: 0.5em 0.5em 0.5em 0.5em;
}

#main {
vertical-align: top;
padding: 0.5em 0.5em 0.5em 0.5em;
}