:: Box modellsen - positionering med CSS ::

En hel masse tekst sættes ind her.
Det er så indholdet på din side..

Tilbage til Box modellen - positionering med CSS

Siden er opbygget vha. block elementet <div></div>, således:

<div id="container">
    <div id="banner">En overskrift</div>
    <div id="indhold">En hel masse tekst sættes ind her.<BR>
        Det er så indholdet på din side..</div>
</div>

I ovenstående eksempel, kan du nøjes med flg. CSS kode:

body {
font-family: Arial;
font-size: 12pt;
}

div#container {
height: 200px;
width: 230px;
border: 2px solid black;
background-color: #FFFFFF;
}

div#banner {
background-color: #6495ED;
height: 50px;
font-family: "Arial Black";
font-size: 20px;
font-weight : bold;
padding-left: 5px;
padding-top: 5px;
}

div#indhold {
margin-left: 45px;
margin-right: 5px;
margin-top: 5px;
}