Nu lukt alles wel, op één klein k*t-ding na.
Mijn gewone pagina's met foto's zijn prima te zien. Maar de pagina's met artikelen moeten wel doorlopen. En mijn div's met footer en social media blijven ijskoud staan, lopen niet door. Zo ook mijn container div niet.
Zit er hier een css/html-expert die me daar bij kan helpen.
Het stukje CSS waar het om gaat:
CodeCOLON Alles selecteren
div.container {
background-color:#666666;
position: relative;
width: 1080px;
min-height: 950px;
margin-left: auto;
margin-right: auto;
}
div.header{
width: 207px;
height: 40px;
position: absolute;
top: 10px;
left: 40px;
}
div.navi{
width: 1000px;
height: 20px;
position: absolute;
top: 35px;
right: 40px;
text-align: right;
}
div.texttips {
background-color:#999999;
width: 1000px;
height: 200px;
position: absolute;
top: 75px;
right: 40px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-left: 10px;
}
div.textlinks {
background-color:#999999;
width: 1000px;
height: 553px;
position: absolute;
top: 295px;
right: 40px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-left: 10px;
}
div.tekst {
background-color:#999999;
width: 990px;
position: absolute;
top: 75px;
right: 40px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-left: 10px;
padding-right: 10px;
}
div.portfolio {
background-color:#FFFFFF;
width: 1000px;
height: 673px;
position: absolute;
top: 75px;
right: 40px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div.portfoliotext {
background-color:#999999;
width: 366px;
height: 100px;
position: absolute;
top: 768px;
left: 40px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-left: 10px;
}
div.portfoliomenu {
background-color:#999999;
width: 594px;
height: 100px;
position: absolute;
top: 768px;
left: 436px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-left: 10px;
}
div.fadein{
background-color:#FFFFFF;
width: 1000px;
height: 673px;
position: absolute;
top: 75px;
right: 40px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div.footer {
width: 750px;
height: 30px;
position: absolute;
top: 865px;
left: 40px;
}
div.footer2 {
width: 750px;
height: 30px;
position: absolute;
bottom: 0px;
left: 40px;
}
div.social {
width: 150px;
height: 30px;
position: absolute;
top: 875px;
right: 40px;
}