Hallo allemaal,
Ik wens jullie allemaal een gelukkig nieuw jaar!

Met HTML en CSS probeer ik door pagina's heen te scrollen,
door bijv te linken naar #pagina2.

Maar hoe kan ik instellen dat alle pagina's een height van 100% hebben?
Dus als ik 3 pagina's heb dat de totale hoogte 300% is.

Dit heb ik tot nu toe:

<div id="pagina1" class="pagina">
Pagina1
</div>
<div id="pagina2" class="page">
Pagina2
</div>



.page {
	width: 100%;
}


alleen nu worden de tekstjes 'Pagina1' en 'Pagina2' onder elkaar geplaatst, zonder de hoogte van 100%.
Een div er omheen met height 300% en die drie een height van 33% geven.
Ik heb nu dit:

<div id="wrapper">
<div id="pagina">
Pagina1
</div>
<div id="pagina">
Pagina2
</div>
<div id="pagina">
Pagina3
</div>
</div>


en



#wrapper {
	height: 300%;
}
#pagina {
	height: 33%;
}


maar het werkt nogsteeds niet.
Je mag een id max 1 keer gebruiken/moet uniek zijn.

<div id="wrapper">
<div class="pagina">
Pagina1
</div>
<div class="pagina">
Pagina2
</div>
<div class="pagina">
Pagina3
</div>
</div>


css

div.pagina {
    height: 33%;
} 
in de css code mag je eventueel de div.pagina wijzigen in .pagina.

verschil is enkel bij div classe pagina of alle tags class pagina

Jan

Reageren