Svårt att sättta rubrik på denna.
Men jag vill ha detta:
en header som alltid är högst upp.
en footer som alltid är längst ner.
Sedan en tre kolumns layout som scrollas mellan dessa två.
Så här långt har jag kommit än så länge...
xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/ultimate2.css" media="screen" />
<title>ultimate</title>
</head>
<body>
<div id="wrapper">
<div id="header">huvud</div>
<div id="leftnav">navigering</div>
<div id="content">
<div id="mainContent">Innehåll</div>
<div id="rightContent">höger</div>
</div>
<div id="footer">fotnot</div>
</div>
</body>
</html>
css:
body
{
margin: 0;
padding: 0;
}
#wrapper
{
width: 740px;
margin: 0 auto;
}
#header
{
height: 92px;
clear: both;
}
#content
{
width: 570px;
float: right;
}
#mainContent
{
width: 445px;
float: left;
}
#rightContent
{
width: 125px;
float: right;
}
#leftnav
{
width: 170px;
float: left;
}
#footer
{
height: 18px;
clear: both;
}