Kolommen naast elkaar bij breed beeld, onder elkaar bij klein beeld
Door
onbekend onbekend
op 30-01-2010 15:06
gewijzigd op 06-08-2013 18:08
3.019 views
Hi,
Ik wil graag optimaal gebruik maken van het scherm. Wanneer iemand gebruik maakt van breedbeeld (of een breed genoeg beeld) dan wil ik 2 of meerdere kolommen naast elkaar tonen. Bijvoorbeeld voor een formulier.
Wanneer iemand op een kleiner scherm werkt, of de browser wat kleiner maakt, dan wil ik dat de meest rechter kolom naar onder verhuist.
Dat kan met Javascript:
<script>
if(screen.availWidth < 1280){//als schermresolutie kleiner is als 1280pixels
//ligt aan toepassing wat voor code hier komt
}
</script>
Dat ziet er mooi uit. Alleen wil ik het graag dynamisch hebben. Wanneer iemand een resize doet van z'n browser bijvoorbeeld, wil ik zo lang mogelijk uitstellen dat er een horizontale scrollbar komt.
Dat ziet er mooi uit. Alleen wil ik het graag dynamisch hebben. Wanneer iemand een resize doet van z'n browser bijvoorbeeld, wil ik zo lang mogelijk uitstellen dat er een horizontale scrollbar komt.
Dat kan wel, maar ik snap er de bedoeling niet helemaal van.
Niemand krijg in principe een horizontale scrollbar, alleen als ze een scherm van 800x600 hebben en de breedte van jou div, meer is als 800px.
Als je zorgt dat jou div een breedte heeft van 780px, dan krijgt niemand een horizontale scrollbar, alleen als je je browser achterlijk klein gaat resizen, wat niemand doet.
Met 2 div's naast elkaar van elk 780px breed, kom je al op een breedte van 1560px, wat behoorlijk breed is.
De meeste mensen hebben geen scherm meer van 800x600, dus je kunt ook een grootte aanhouden van 1000px, wat neerkomt op een totale breedte van 200px. Dat is op een groot scherm goed te doen en op een normaal scherm is dat evengoed nog te zien zonder horizontale scrollbalk.
Ik hoop dat het duidelijk over komt, anders hoor ik het wel.
