Ik ben weer bezig met een nieuwe variant op de site, gewoon voor aanvang van het nieuwe voetbalseizoen.
De gewone pagina's gaan wel goed, maar zodra een pagina langer wordt, kom ik in de problemen.
Standaard heeft een pagina een bepaalde hoogte die prima voldoet (zoals hier). Maar zodra die inhoud vele malen hoger wordt dan een enkele foto gaat het mis: zie hier.
Het gaat dan mis omdat er een standaard lege regel bovenkomt. De footer staat niet onder de onderste div, maar er net in. En tot slot loopt de achtergrond ook weer niet door.
Ik ben aan het zoeken geweest en aan het klooien, maar ik snap er iedere keer maar weinig van. Nu heb ik als css op gebied van divs het volgende:
CodeCOLON Alles selecteren
div.container {
background-image:url("http://www.fotojeroen.nl/grafisch/css_achtergrond.png");
position: relative;
width:1000px;
margin:0px auto;
}
div.logo {
width:400px;
height: 110px;
position: absolute;
top: 25px;
left: 10px;
}
div.menu {
width: 400px;
height: 110px;
position: absolute;
top: 40px;
right: 10px;
}
div.tekst {
width: 960px;
position: relative;
top: 130px;
left: 20px;
}
div.footer {
width: 900px;
height: 35px;
text-align: center;
left: 50px;
}