Ik zal ff mijn CSS posten:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* CLEARFIX
-----------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
----------------------------------------------
body{
font:12px Arial,Verdana,sans-serif;
text-align:center;
background-color: #BD4A2F;
background-image: url(../img/bg.jpg);
background-repeat: repeat-y;
background-position: center;
}
#container{
text-align:left;
width:950px;
margin:0 auto;
}
#header{
height:77px;
background-image: url(../img/header.jpg);
background-repeat: no-repeat;
background-position: center top;
text-align: right;
padding-right: 48px;
padding-top: 3px;
font-weight: bold;
width: 902px;
}
#header a {
color: #BD4A2F;
text-decoration: none;
}
#sidebar{
float:left;
width:90px;
padding-left: 30px;
padding-top: 15px;
}
#sidebar p {
padding-bottom: 10px;
font-weight: bold;
}
#sidebar a {
color: #FFFFFF;
text-decoration: none;
}
#content{
float:right;
width:790px;
padding-right: 30px;
padding-bottom: 20px;
padding-top: 15px;
}
#footer{
text-align:center;
width:950px;
min-height:20px;
clear:both;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../img/footer.jpg);
background-repeat: no-repeat;
background-position: center bottom;
position: absolute;
bottom: 0px;
}
#footer p {
padding-top: 3px;
}
h1 {
font-size: 18px;
}
