I was feeling in a good mood.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
color: black;
background: white;
margin:0.5em 1em;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
#header {
text-align:center;
font-size:2em;
}
#header img {
margin:auto;
}
#links {
width:100%;
height:1.5em;
line-height:1.5em;
vertical-align:middle;
border-top:1px solid #000;
}
#links li {
width:20%;
float:left;
}
#content {
border-top:1px solid #000;
}
#left {
float:left;
width:13%;
border-right:1px solid #000;
}
#left li {
display:block;
margin:1em auto;
}
#right {
float:right;
width:13%;
border-left:1px solid #000;
}
#right div {
padding:0.5em;
}
#middle {
margin:1em 15%;
}
#middle h2 {
font-size:1.8em;
}
#footer {
border-top:1px solid #000;
clear:both;
width:100%;
text-align:center;
}
</style>
</head>
<body>
<h1 id="header"><img src="whatever" alt="Picture here" title="Picture here"></h1>
<ul id="links">
<li>Links</li>
<li>Links</li>
<li>Links</li>
<li>Links</li>
</ul>
<div id="content">
<ul id="left">
<li>Links</li>
<li>Links</li>
<li>Links</li>
<li>Links</li>
</ul>
<div id="right">
<div>
<h2>Newsbox</h2>
<p>News<br>
News<br>
News<br>
News<br>
News<br></p>
</div>
<hr>
<div>
<h2>Something else</h2>
<p>Here<br>
Here<br>
Here<br>
Here<br>
Here<br></p>
</div>
</div>
<div id="middle">
<h2>Actual page</h2>
</div>
</div>
<div id="footer">
Whatever
</div>
</body>
</html>
I presumed that the lines were for demonstration purposes, so I just added them in roughly.