*digs through files.. I know I have it some where*
Ah I found it
Something I wrote, just a basic header with a two column layout. No tables, no positioning. Very stable too..
<!DOCTYPE
html PUBLIC "-//
W3C//
DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/
DTD/xhtml1-transitional.
dtd">
<
html>
<head>
<title> something </title>
<style type="text/
css">
body {
margin: 0px;
color: #ffffff;
}
p {
font-family: verdana, arial, serif; /* you should always specify a generic font as a last resort */
color: #ffffff;
}
/* try not to give the browser
too much information, such as
pixel perfect widths and height
let the browser pick the widths
and heights, according to the content
inside the block... it will come out much better */
#header {
background: #c0c0c0;
padding: 4px;
}
/* this will help even out the columns...
this background color should match that of your
left column */
#container {
background: #202020;
}
/* in order to make a two column layout
like you want, you do however need to specify a width
for at least one of the columns...The float property also
comes in handy here */
#left {
background: #202020;
width: 200px;
padding: 4px;
float: left;
}
/* no width is needed here, as it will just take
up the rest of the space... but note the margin-left
property... it's the width of the left column, and the
padding*/
#right {
background: #404040;
padding: 4px;
margin-left: 208px;
}
/* this is very important.. as it makes it mozilla and
many other browsers show this correctly */
div.spacer {
clear: both;
}
</style>
</head>
<body>
<div id="header">
Text in the header</p>
</div>
<div id="container">
<div id="left">
Text in the left column</p>
</div>
<div id="right">
Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column Text in the right column </p>
</div>
<div class="spacer"></div>
</div>
</body>
</
html>