Hoi Ernst
Het idee ziet er gaaf uit!
Je vraag start waar al je denken daarvoor is opgehouden. Wij vallen daar binnen zonder de opbouw te weten. Wanneer ik naar je site ga en naar je broncode kijk dan zie ik dat jouw thema compleet nieuw is opgezet. Dus kan ik alleen gokken:
Ergens moet je een hoogte-definitie (height) van het main-frame op 100% zetten? Dat midden op de pagina ruikt daarnaar.
tja ik ben inderdaad net begonnen maar ik wil een kolom in het midden waar de inhoud van de website komt.
ik had de hoogte al op 100% gezet. en de bottum op 0 maar ja lukken doet het nog niet.
hierbij mijn style sheet
@charset "utf-8";
body {
background-image: url(../images/jute.jpg);
background-repeat: repeat;
min-height: 100%;
}
html, body {
color: #58585A;
font-family: arial,verdana,helvetica,'trebuchet MS';
font-size: 12px;
margin: 0;
padding: 0;
width: 100%;
}
.hoofdlijn {
width: auto;
position: relative;
min-height: 100%;
}
.container {
overflow: hidden;
width: 960px;
min-height: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 100px;
padding-right: 25px;
padding-bottom: 100px;
padding-left: 25px;
}
.logo {
vertical-align: middle;
}
.uitlijnen {
min-height: 100%;
}
.onder {
background-image: url(../images/onder.png);
background-repeat: repeat-x;
height: 100px;
width: 100%;
position: absolute;
bottom: 0px;
display: block;
}
.boven {
background-image: url(../images/boven.png);
background-repeat: repeat-x;
height: 100px;
top: 0px;
position: absolute;
left: 0px;
width: 100%;
}
.links {
width: 100px;
background-repeat: repeat-y;
background-image: url(../images/links.png);
left: 0px;
height: 100%;
display: block;
background-position: 0px;
top: 0px;
position: absolute;
}
.rechts {
background-image: url(../images/rechts.png);
background-repeat: repeat-y;
height: 100%;
width: 100px;
right: 0px;
position: absolute;
display: block;
top: 0px;
}
.footer {
font-size: 0.8em;
color: #CCC;
font-style: italic;
text-decoration: none;
text-align: center;
margin-bottom: 0px;
}
Bedankt allemaal het is gelukt wat blijkt nou in de hoofdlijn stond:
.hoofdlijn {
width: auto;
position: relative;
min-height: 100%;
}
die position: is niet goed ik heb hem weg gehaald en hij is helemaal top.
