ik maak een site die ziet er als volgt uit (Die lelijke kleurtjes is alleen om te testen ;))
* blok 1 met links een menu blok en rechts een headerblok
* blok 2 met content
* blok 3 met een footer
* dit alles mooi verpakt in een wrapper
CSS:
Code: Select all
div#wrapper {
/* min max width, IE wont understand these, so we will use java script magic in the <head> */
max-width: 950px;
min-width: 950px;
/* now that width is set this centers wrapper */
margin: 0 auto;
background-color: #ffffff;
color: black;
border: thin solid;
}
div#head-wrap{
border: thin solid;
padding:0px;
}
Div#header{
border: thin solid blue;
padding:0px;
margin: px;
height: 295px;
width: 320px;
}
Div#menu{
border: thin solid red;
padding: 0px;
margin-top: 175px;
float: left;
height: 25px;
width: 600px;
}
Div#content{
border: thin solid orange;
padding: 10px;
margin: 0px;
}
Div#footer{
border: thin solid green;
padding:10px;
margin: 0px;
}Code: Select all
<div id="wrapper">
<div id="head-wrap">
<div id="menu">
Menu
</div>
<div id="header">
Header
</div>
</div>
<div id="content">
Content {*{content}*}
</div>
<div id="footer">
Footer
</div>
</div>
? 
