[CHECK] Windows 8 template

Andydewit schreef:

@Desire & Thom: Of jullie zitten op een telefoon/tablet of jullie hebben een heeeeeeel klein beeldscherm

1366 x 768 = resolutie, en dat is het van heel veel schermen (die ik tegenkom iig)
Zon uitgebreide template als deze moet dit gewoon aankunnen, door bijvoorbeeld drie blokken verticaal te doen ipv vier. Problem solved.

@thom heb het al van 6 naar 4 gedaan, omdat mijn scherm wel 6 aankan maar de meeste andere computers niet. Waar ik dus eigenlijk naartoe wil is dat de 4 blokken (als de schermgrootte te klein is) zich aanpast naar 3 of zelfs 2. Ik krijg t alleen niet voor elkaar;(

toevoeging op 7 juli 2013, 13:04:52:
Heb even een flip tile toegevoegd.

Andydewit schreef:

@thom heb het al van 6 naar 4 gedaan, omdat mijn scherm wel 6 aankan maar de meeste andere computers niet. Waar ik dus eigenlijk naartoe wil is dat de 4 blokken (als de schermgrootte te klein is) zich aanpast naar 3 of zelfs 2. Ik krijg t alleen niet voor elkaar;(

Oplossing is heel simpel: responsive maken. Dat doe je in procenten.
Je berekent ze met de formule: target / context. Context staat voor de breedte van bv. het PS document en target voor de werkelijke grote van bv. je div.

Voor de grote van de lettertypes moet je i.p.v. pixels of punten (pts) etc. gebruik maken van ems.
1 em = 16 pixels of 16 punten (pts)

Bij margins doe je hetzelfde als bij gewone divs (zie terug).

Bij paddings gebruik je als context de container waaraan je padding wil toekennen.

@Maartenf Het probleem is dat de layout niet verticaal inkrimpt en horizontaal uitzet. Als ik dat voor elkaar kan krijgen is het hele probleem opgelost.