Scrollen door pagina's met width 100%

Door Joep - op 01-01-2014 13:54

1.033 views

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%.

- SanThe -

01-01-2014 15:36

Een div er omheen met height 300% en die drie een height van 33% geven.

Joep -

01-01-2014 20:05

Ik heb nu dit:


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



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

maar het werkt nogsteeds niet.

Jan R

02-01-2014 07:51

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

Inloggen om te reageren