This is a slightly modified css file I took from
glish. Using this css results in clean xhtml code. The only downside is that the columns are not the same height. As long as I use the same color background, this is not noticeable. You can see the results in the
sand box.
pre
{
font-size: 11px;
color: blue;
}
ol
{
margin-right: 40px;
}
li
{
margin-bottom: 10px;
}
body
{
font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
background: #ddd;
margin: 10px 10px 0px 10px;
padding: 0px;
}
#mainleft
{
position: absolute;
left:10px;
top:49px;
width:200px;
background:#fff;
border:1px solid #000;
}
#mainright
{
position: absolute;
right:10px;
top:49px;
width:200px;
background:#fff;
border:1px solid #000;
}
#maincenter
{
background:#fff;
border:1px solid #000;
margin-left: 201px;
margin-right: 201px;
}
html>body #maincenter
{
margin-left: 201px;
margin-right:201px;
}
#banner
{
background: #fff;
border:1px solid #000;
}
p, pre
{
margin: 0px 10px 10px 10px;
}
h1
{
font-size: 14px;
padding:10px 10px 10px 10px;
}
#mainright p
{
font-size: 10px;
background: #fff;
}
#banner h1
{
font-size:14px;
padding:10px 10px 10px 10px;
margin:0px;
}