Hallo,
Als ik de lessen in mijn leerboek en hier op de site goed begrijp, dan positioneer je bij absolute je element t.o.v. het bovenliggende parentelement dat ook absolute gepositioneerd is. Bestaat die niet, dan t.o.v. de body.
Nu heb ik een 3-koloms-pagina gemaakt. zoals de hoofdpagina van helpmij.nl. De middelste kolom is gevuld en blijft in het midden, tot dat de 'randen' op zijn. Daarvoor heb ik deze kolom relatief moeten positioneren.
Als ik nu de elementen in deze kolom absoluut wil plaatsen t.o.v. deze kolom, dan wordt deze kolom steeds kleiner, omdat ik die elementen er uit haal. Eigenlijk zou het het beste zijn volgens mij als die relatieve kolom eigenlijk absoluut zou zijn, want volgens mij verandert dan de grootte niet toch?
Hoe zorg ik nu dat die middelste kolom gewoon altijd bestaat op de pagina van boven naar beneden en dat het positioneren van die elementen zoals de koptekst de lengte niet aanpassen?
En is er overigens een manier om horizontaal te centreren zonder dat ik precies dat aantal pixels moet ingeven? Ik heb al diverse instellingen geprobeerd met de margin en zo, maar het lijkt niet echt effect te hebben.
Als ik de lessen in mijn leerboek en hier op de site goed begrijp, dan positioneer je bij absolute je element t.o.v. het bovenliggende parentelement dat ook absolute gepositioneerd is. Bestaat die niet, dan t.o.v. de body.
Nu heb ik een 3-koloms-pagina gemaakt. zoals de hoofdpagina van helpmij.nl. De middelste kolom is gevuld en blijft in het midden, tot dat de 'randen' op zijn. Daarvoor heb ik deze kolom relatief moeten positioneren.
Als ik nu de elementen in deze kolom absoluut wil plaatsen t.o.v. deze kolom, dan wordt deze kolom steeds kleiner, omdat ik die elementen er uit haal. Eigenlijk zou het het beste zijn volgens mij als die relatieve kolom eigenlijk absoluut zou zijn, want volgens mij verandert dan de grootte niet toch?
Hoe zorg ik nu dat die middelste kolom gewoon altijd bestaat op de pagina van boven naar beneden en dat het positioneren van die elementen zoals de koptekst de lengte niet aanpassen?
En is er overigens een manier om horizontaal te centreren zonder dat ik precies dat aantal pixels moet ingeven? Ik heb al diverse instellingen geprobeerd met de margin en zo, maar het lijkt niet echt effect te hebben.
Code:
body{
font-family:arial;
background:yellow;
}
#kolommidden{
position:relative;
width:800px;
margin:0 auto;
}
#koptekst{
position:absolute;
left:150px;
width:500px;
}
HTML:
<body>
<div id="kolommidden">
<div id="koptekst">
<h1>koptekst</h1>
</div>
</div>
</body>
Laatst bewerkt:
