Opbygning af website i CSS
Hej,Nu har jeg læst så meget om, at det skulle være smart at bygge ens website i CSS i stedet for tabeller ;-) Så har sat mig for at jeg vil prøve det, men hvis nu mit site skal være centreret hvordan fixer jeg så det?? Jeg har nuppet flg. kode inde fra html.dk
Jeg vil have titlen til at være 754px bred og stå centreret?? Hvordan...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0px;
}
#title {
position:relative;
left:0px;
top:0px;
width:754px;
height: 165px;
background-color:orange;
}
#leftmenu {
position:absolute;
left:0px;
top:75px;
width:150px;
background-color:silver;
}
#rightmenu {
position:absolute;
right:0px;
top:75px;
width:150px;
background-color:silver;
}
#content {
padding-top: 70px;
margin-left:160px;
margin-right:160px;
background-color:white;
}
</style>
</head>
<body>
<div id="title">
<h1>Websidens titel</h1>
</div>
<div id="content">
<h1>Dette bør være en sigende overskrift for indholdet</h1>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno.</p>
<p>Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur.</p>
<p>Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos numeratque poetas.</p>
<p>Interdum volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque poetas.</p>
</div>
<div id="leftmenu">
<p>Sidens venstre-menu indeholder....</p>
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
</ul>
</div>
<div id="rightmenu">
<p>Fra sidens højre-menu kan man læse mere om....</p>
<ul>
<li>Ditten</li>
<li>Datten</li>
</ul>
</div>
</body>
</html>
