Miten...

tällaista:
-----------
SIVUT ILMAN TAULUKOITA:



div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}





OTSIKKO
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)

Free Web Building Tutorials
you will find all the Web-building tutorials you need,
from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
W3Schools - The Largest Web Developers Site On The Net!
Copyright 1999-2005 by Refsnes Data.

Pane div-elementit div-elementin sisään, asemoi uloin div-elementti suhteellisesti ja sisemmät elementit absoluuttisesti. Jos kyse on sivun ylimmän tason rakenteesta, riittää, että asemoit div-elementit absoluuttisesti, koska body-elementti hoitaa tällöin uloimman div-elementin tehtävän.

Tätä varten pitää ainakin yhdelle elementille asettaa leveys, joka kannattaa asettaa em-yksikköä käyttäen.

Ks. esim.
http://www.cs.tut.fi/~jkorpela/styles/layout.html