Bekijk eens wat broncodes van sites
De basis ziet er meestal zo uit:
PHP
<html>
<head>
<link href="stylesheet-min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header_wrap">Header</div>
<div class="content_wrap">
<div class="left_menu">Menu</div>
<div class="content">Content Tekst</div>
</div>
</div>
<div class="footer">Footertekst</div>
</body>
</html>
Toon Meer
De css zou er als volgt kunnen uitzien:
PHP
@charset "utf-8";
body {
background-color:#E6E6E6;
font-family: 'Trebuchet MS', verdana, arial;
font-size: 12px;
font-style: normal;
height:100%;
}
html {
height:100%;
}
.container {
height:100%;
width:100%;
}
.header_wrap {
position:relative;
width:1000px;
height:160px;
margin-left:auto;
margin-right:auto;
background-image:url(images/logo.png);
background-repeat:no-repeat;
}
.content_wrap {
width:1000px;
background-color:#FFF;
padding-top:10px;
margin-top:auto;
margin-left:auto;
margin-right:auto;
}
.left_menu {
float:left;
width:150px;
height:25px;
padding-left:15px;
padding-right:15px;
padding-top:8px;
}
.content {
float:left;
width: 820px;
background-color:#000;
}
.footer {
top:0;
width:1020px;
margin-left:auto;
margin-right:auto;
height:60px;
}
Toon Meer