[CSS]van frames/tabellen in divjes/css

Okee hier een opzetje:

maak een jpg voor de header
maak een jpg voor de footer

gebruik ze als background:

#header {
background: url(bg_header.jpg) top center no-repeat;
}

#footer {
background: url(bg_footer.jpg) top center no-repeat;
}

Voor de content maak je een jpg die verticaal herhaalt. Zie dit plaatje:

BEDANKT Jan!!!
Ik ga hiermee aan de slag :)
Tuurlijk hou ik je op de hoogte.

Eén ding waar je tegenaan zult lopen: hoe zorg je dat de tekst van de content binnen de gouden randen blijft? Als je de padding van je content-div bijv op 100px links en rechts zet, zal je content div breder worden omdat padding bij de breedte opgeteld wordt.

Tegen de tijd dat je zover bent moet je even een seintje geven, want daar weet ik ook iets op.

Ik heb alles gemaakt maar het ziet er niet uit :(((
Wat doe ik toch fout?

Hier mijn CSS code:

html, body {
margin : 0px 0px 0px 0px;
/* De volgorde is, top, right, bottom, left. */
padding : 10px 0px 10px 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style : normal;
font-weight : bold;
position: relative;
width : 100%;
height: 100%;
/*background: url("../images-algemeen/bg-03.jpg");*/
}

#container {
margin: 0px auto;
position: relative;
padding : 0px 0px 0px 0px;
width: 95%;
height: 95%;
text-align: left;
border-bottom: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
border-top: 0px solid black;
/*background: url("../images-algemeen/bg-01.jpg");*/
}

#bovenkant {
/*height: 42px;
width: 100%;
text-align: center;*/
background: url("../images-algemeen/bg_header.jpg") top center no-repeat;;
/* background-color: #a4b3d0;
border-bottom: 0px solid black;
border-left: 2px dotted #320733;
border-right: 2px dotted #320733;
border-top: 2px dotted #320733;*/
}

#links {
float: left;
position: relative;
width: 150px;
height: 100%;
margin : 0px 0px 0px 0px;
/* De volgorde is, top, right, bottom, left. */
padding : 0px 0px 0px 0px;
border-bottom: 1px solid black;
border-left: 2px dotted #320733;
border-right: 1px solid black;
border-top: 1px solid black;
/*background: url("../images-algemeen/bg-01.jpg");*/
}

#content {
margin-left: 0px;
/* De volgorde is, top, right, bottom, left. */
padding : 0px 0px 0px 0px;
position: relative;
overflow: auto;
height: 100%;
text-align: justify;
border-bottom: 1px solid black;
border-left: 0px solid black;
border-right: 2px dotted #320733;
border-top: 1px solid black;
background: url("../images-algemeen/bg_content.jpg") center top repeat-y;
}

#bodem {
/*width: 95%;
height: 3%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #320733;
font-size: 10px;
font-style : normal;
font-weight : bold;
position: fixed;
bottom: 0px;
/* De volgorde is, top, right, bottom, left.
margin : 0px 0px 0px 0px;
padding : 0px 0px 00px 0px;
text-align: center;*/
background: url("../images-algemeen/bg_footer.jpg") top center no-repeat;;
/* background-color: #a4b3d0; */
/*vertical-align: middle;
border-bottom: 2px dotted #320733;
border-left: 2px dotted #320733;
border-right: 2px dotted #320733;
border-top: 1px solid black;
}*/

/*Een div centreren:*/
#submenu {
margin: 0px auto;
width: 300px;
}

h1 {
font-size: 250%;
text-align: center;
margin: 0px;
padding: 5px;
}

ul {
border: 0px solid black;
/* list-style-image: url('../images-algemeen/paw.gif'); */
list-style-type: none;
padding: 0 px;
margin: 0px;
}

a:link {
color: #320733;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

a:visited {
color: #320733;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

a:hover {
color: #4E7C34;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

a:active {
color: #4E7C34;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

#scroll {
width: 610px;
height: 25px;
position: relative;
margin-left: 129px;
margin-top: -402px;
padding: 0px;
background-color: white;
border-left: 1px solid red;
border-right: 1px solid red;
border-bottom: 1px solid red;
border-top: 1px solid red;
text-align: center;
}

Even een linkje naar een testpagina?

IK heb beide ; ; eruit gehaald maar geen verbetering :(

Psst, Lissy! Linkje! :-)))

Hahahaha altijd dezelfde die bovenaan staat dus:

DEZE

Ik ga even voor je sleutelen. Geef me een half uurtje (hopelijk korter).

okidokie dan ga ik effies aan de afwas :)