Title: Resolutie ism thema
Last modified: 4 augustus 2016
---
# Resolutie ism thema
* Opgelost [Ricardo](https://nl.wordpress.org/support/users/r1cardo01/)
* (@r1cardo01)
* [15 jaren, 6 maanden geleden](https://nl.wordpress.org/support/topic/resolutie-ism-thema/)
* Op de resolutie van mijn pc ziet het thema er prima uit, maar op kleine resoluties
niet. (oa de menubalk doet dan raar, en hij geeft niet alles meer naast elkaar
weer) Wat is de beste manier om dit probleem op te lossen?
* Volgens mij ondersteund mijn thema dit ook aan de CSS te zien, maar ik kom er
niet uit. (Ik gebruik het ‘Whiteboard theme’)
* Wie kan mij helpen? Alvast bedankt! 🙂
* [http://www.fastforwardandrewind.com](http://www.fastforwardandrewind.com)
7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
* [Jaja..](https://nl.wordpress.org/support/users/jaja-1/)
* (@jaja-1)
* [15 jaren, 6 maanden geleden](https://nl.wordpress.org/support/topic/resolutie-ism-thema/#post-20262)
* Je mist een wrapper of container.
* Dit is een div die meestal aan het begin van de broncode staat en die alle andere
div’s insluit.
* Dus zo:
* ```
```
* Zie je dat alle div’s binnen de wrapper staan.
Als je nu zorgt dat die wrapper
een vaste waarde heeft, dus bijv. 1068px breed en een bepaalde positie op het
scherm (via margin) dan wordt dat de vaste kern van je site en kan niets zomaar
buiten die 1068px komen te vallen.
* Daarna is het zaak om je menu en het andere een vaste waarde of positie binnen
die wrapper te geven. Zo voorkom je dat als je gaat schuiven met je browser-scherm(
groter en kleiner) dat alles mee beweegt.
* En dan geef ik je nog een advies om met margin te werken om die wrapper op het
scherm te positioneren.
Wil je hem dan in het midden hebben moet je eens zoeken
op margin: 0 auto; hiermee zeg je tegen de browser nul ruimte boven en onder
de site en verdeel alle open ruimte links en rechts naast de site evenredig,
dit is het beste voor kleinere schermen. Aan de eisen van hele kleine schermen
kan je toch niet meer voldoen dan moet je wrapper denk ik al minder dan 800px
breed worden, maar op bovenstaande manier krijg je wel het minste scroll-balken
in je browser.
* Een voorbeeld van hoe je het positioneren NIET moet doen als je content (wrapper)
groot is.
Bekijk deze site maar eens op dat kleine scherm dat je nog ergens
hebt staan. Bij mij valt het (hoofd)-menu bovenaan de site voor 90% weg en ik
heb niet eens een klein scherm, tenminste ik neem aan dat een MacBook niet onder
de categorie kleine schermen valt. [http://www.inekekamps.com/](http://www.inekekamps.com/)
* Thread starter [Ricardo](https://nl.wordpress.org/support/users/r1cardo01/)
* (@r1cardo01)
* [15 jaren, 6 maanden geleden](https://nl.wordpress.org/support/topic/resolutie-ism-thema/#post-20279)
* Die wrapper moet alleen op mijn index pagina? (en dan #wrapper aanmaken in mijn
stylesheet)
* [Jaja..](https://nl.wordpress.org/support/users/jaja-1/)
* (@jaja-1)
* [15 jaren, 6 maanden geleden](https://nl.wordpress.org/support/topic/resolutie-ism-thema/#post-20280)
* Nee ik zou hem aanmaken in de header.php en afsluiten in de footer.php
* Dus open header.php
* Zoek op waar de begint.
* ```
....
blablabla
....
....
....
<-- is sluiten van de head tag.
<-- daar begint je body tag en je echte html site.
<-- die moet je aanmaken op die positie dus net onder je body
```
* Dan natuurlijk header.php opslaan.
* Open je footer.php openen om de aangemaakte ‘wrapper’ div te gaan sluiten aan
het einde van de website.
* ```
Eerst krijg je natuurlijk weer een hoop ander codes vanuit de footer..
.....
.....
....
<-- die aanmaken net voor de tag om de wrapper te sluiten.