Centrering af body
Hey folkens. Hvordan får jeg nedenstående til at være centreret på hele min side ?Jeg har prøvet lidt af hvert uden held. Derfor spørger jeg nu jer.
<body>
<div id="header">
Header
</div>
<div class="colmask fullpage">
<div class="col1">
col1 col1
</div>
</div>
<div id="footer">
Foooooooter
</div>
</body>
//STYLESHEET
body {
margin:0;
padding:0;
font-size:90%;
border:solid 1px red;
width:1000px;
}
/* header styles */
#header {
clear:left;
float:left;
width:100%;
overflow:hidden;
border-bottom:4px solid #000;
}
.colmask {
clear:both;
float:left;
width:100%;
overflow:hidden;
}
/* common column settings */
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:.5em 0 1em 0;
overflow:hidden;
border:solid 2px blue;
}
/* Full page settings */
.fullpage {
background:#fff;
}
.fullpage .col1 {
width:96%;
left:2%;
}
/* Footer styles */
#footer {
clear:both;
padding:1em 2%;
border-top:1px solid #ccc;
border:solid 2px green;
}
