Middels de volgende CSS code centreer ik meestal een div midden op het scherm.
Al dan niet ook verticaal gecentreerd
Het probleem is echter dat als je je browser scherm zou verkleinen, dat dan de website links uit het beeld word gedrukt ipv dat hij een horizontale scrollbar laat zien.
Dit komt door de negatieve margin waardes.
Hoe kan ik dit voorkomen?
Al dan niet ook verticaal gecentreerd
code:
1
2
3
4
5
6
7
8
9
10
| #content { width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -100px; border: solid 1px #000; } |
Het probleem is echter dat als je je browser scherm zou verkleinen, dat dan de website links uit het beeld word gedrukt ipv dat hij een horizontale scrollbar laat zien.
Dit komt door de negatieve margin waardes.
Hoe kan ik dit voorkomen?