Niet meteen, ik test hem via local server.
Maar dit is de css code :
Het gaat hem vooral om kaderomvang vermoed ik. De header wordt wel overal centraal weergegeven.
[css]
/* Resets */
ul {
padding:0;
margin:0 0 20px 0;
list-style:none;
}
img{
border:0px;
}
h2 {
padding:0;
margin:0 0 20px 0;
font-weight:normal;
color:#474A43;
}
h1 {
padding:0;
margin:0 0 20px 0;
font-weight: bolder;
font-size:x-large;
}
p {
padding:0;
margin:0 0 20px 0;
}
a:link, a:visited {
text-decoration:none;
color:#474A43;
}
a:hover {
text-decoration:none;
color:#666;
}
ul li {
padding:5px 0;
margin-left:10px;
margin-right:10px;
font-weight:bolder;
font-size:larger;
}
ul li input[type="text"], ul li input[type="password"] {
width:200px;
}
textarea {
height:150px;
}
/* Headers */
h1 {
font-size:1.8em;
}
h2 {
font-size:1.4em;
color: #474A43;
}
h6{
text-align:right;
font-size:x-small;
}
h6 a{
text-decoration: none;
}
/* Containers */
body {
background:#F9F9F9;
font-family:"Times New Roman", Times, serif;
font-size:0.8em;
color: #494543;
}
#container, footer {
width:960px;
margin:0 auto;
padding:20px;
}
header {
width:960px;
height:230px;
padding:10px;
margin:0 auto 10px auto;
}
header2 {
width:960px;
height:150px;
padding:10px;
margin:0 auto 10px auto;
}
#container {
min-height:500px;
width: 960px;
}
.kaderomvang{
width: 960px;
margin:0 auto 10px auto;
height:100%;
}
.kader{
width:220px;
height: 360px;
margin-right: 10px;
float: left;
overflow:hidden;
text-align:center;
}
.kader2{
width:220px;
height: 460px;
float: left;
overflow:hidden;
text-align:center;
}
.kader3{
width:220px;
height: 260px;
margin-right: 10px;
float: left;
overflow:hidden;
text-align:center;
}
.afbeelding{
width: 200px;
height:300px;
border-bottom-color:#474A43;
border-style:solid;
border-width:thick;
overflow:hidden;
text-align:center;
}
/************************/
/*ARTIKEL TONEN*/
/************************/
.Kaderartikel{
width: 350px;
height: 250px;
margin: 40px;
float:left;
overflow: hidden;
border-bottom-color:#000;
border-style:solid;
border-width:thin;
}
.Afbeeldingartikel{
width: 150px;
height: 240px;
margin: 5px 5px 0px 5px;
float:left;
overflow:hidden;
border-bottom-color:#000;
border-style:solid;
border-width:thin;
}
.Naamartikel{
width: 170px;
height: 30px;
margin: 5px 5px 0px 5px;
overflow:hidden;
float:left;
}
.Omschrijvingartikel{
width: 170px;
height: 160px;
margin: 5px 5px 0px 5px;
overflow:hidden;
float: left;
}
.Prijsartikel{
width: 170px;
height: 40px;
margin: 5px 5px 0px 5px;
overflow:hidden;
float:left;
}
/************************/
/*ARTIKEL TONEN*/
/************************/
.contact{
margin-left: 250px;
width: 450px;
}
.footer {
}
.blok{
width: 315px;
height: 250px;
float:left;
}
.widget {
margin-bottom:10px;
}
.widget h2 {
margin:0 0 10px 0;
padding:0 5px;
font-weight:normal;
border-bottom:1px solid #ddd;
}
.widget .inner {
margin:0 10px;
}
/* Navigation */
nav {
}
nav ul {
margin:0;
}
nav ul li {
display:inline;
margin-right:10px;
}
nav ul li a {
text-decoration:none;
}
nav ul li.current {
font-weight:bold;
font-size:medium;
}
nav ul li a.last {
border-right:0;
}
/* Aside */
/* Login */
#login li.link {
margin-top:5px;
}
/* Footer */
footer {
color:#999;
}
.title{
height: 63px;
width:313px;
background-image:url(images/afbeeldingen/background_h2.png);
}
/* Misc */
.clear {
clear:both;
}
[/css]
