Virusscanner tips?
Scrollen door pagina's met width 100%
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:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<div id="pagina1" class="pagina">
Pagina1
</div>
<div id="pagina2" class="page">
Pagina2
</div>
Pagina1
</div>
<div id="pagina2" class="page">
Pagina2
</div>
Code (php)
1
2
3
2
3
.page {
width: 100%;
}
width: 100%;
}
alleen nu worden de tekstjes 'Pagina1' en 'Pagina2' onder elkaar geplaatst, zonder de hoogte van 100%.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<div id="wrapper">
<div id="pagina">
Pagina1
</div>
<div id="pagina">
Pagina2
</div>
<div id="pagina">
Pagina3
</div>
</div>
<div id="pagina">
Pagina1
</div>
<div id="pagina">
Pagina2
</div>
<div id="pagina">
Pagina3
</div>
</div>
en
Code (php)
1
2
3
4
5
6
2
3
4
5
6
#wrapper {
height: 300%;
}
#pagina {
height: 33%;
}
height: 300%;
}
#pagina {
height: 33%;
}
maar het werkt nogsteeds niet.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<div id="wrapper">
<div class="pagina">
Pagina1
</div>
<div class="pagina">
Pagina2
</div>
<div class="pagina">
Pagina3
</div>
</div>
<div class="pagina">
Pagina1
</div>
<div class="pagina">
Pagina2
</div>
<div class="pagina">
Pagina3
</div>
</div>
css
Code (php)
1
2
3
2
3
div.pagina {
height: 33%;
}
height: 33%;
}
verschil is enkel bij div classe pagina of alle tags class pagina
Jan