login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Resoluties... ?!?

Offline Raze - 01/08/2011 17:54 (laatste wijziging 01/08/2011 17:55)
Avatar van RazePHP beginner Hallo,

ik ben momenteel een website aan het maken, ik maak deze op een 13.3" laptop (resolutie: 1366x768). Ik test met de volgende website: http://www.infobyip.com/testwebsiteresolution.php.

Bij de volgende screenresoluties is de website min of meer "deftig":
1280x800
1280x1024
1366x768
1440x900
1600x1200 (kan er ook nog wel door)

Bij de kleinere resoluties, dan loopt mijn layout door elkaar. Ik maak gebruik van een aantal vaste afbeeldingen (dus px ipv %), waardoor deze dan over elkaar gaan schuiven. Hoe kan ik oplossen dat wanneer er een resolutie is die kleiner is dan 1280x800, dat er dan schuifbalken komen ipv dat mijn layoutelementen over elkaar schuiven?

Dan bij de grotere resoluties:
1680x1050: ik heb aan de rechterkant een afbeelding tegen de rechterrand (dus in de css: right:0px;). Probleem is nu dat in die testwebsite mijn afbeelding buiten mijn "browser" ligt (idem bij 1920x900).

Mijn vraag is nu: moet ik rekening houden met de grote resoluties zoals 1920x900? Ik vraag me af of veel mensen die resolutie gebruiken... langs de andere kant: als ik aan Apple iMac 27"-systemen denk, dan zou ik toch ook wil dat ook daar mijn website goed op wordt weergegeven...

Dus nu is mijn vraag naar jullie toe:
a) Hoe kan ik bij kleinere resoluties (< 1280x800) schuifbalken krijgen ipv dat mijn layoutelementen over elkaar geschoven worden?
b) Hoe pakken jullie in het algemeen dit probleem aan?

4 antwoorden

Gesponsorde links
Offline Joel - 01/08/2011 18:33
Avatar van Joel Eigenaar Ik mis eigenlijk een voorbeeld. Ik gebruik hier 1920x1080 dus je moet zeker niet denken dat niemand deze resolutie gebruikt!
Offline Martijn - 01/08/2011 18:48
Avatar van Martijn Crew PHP een div om alles heen wrapper wordt die vaak genoemt. Overal omheen, position:relative;margin:0px auto; en klaar 
Offline Raze - 01/08/2011 18:51 (laatste wijziging 01/08/2011 18:54)
Avatar van Raze PHP beginner mmmh, ik heb momenteel geen hosting meer, dus ik kan niets online zetten 

zal eens even kijken wat ik kan doen.

Edit: @martijn: heel mijn layout naar de kloten nu . Zal eens kijken of het lukt, denk het wel eerlijk gezegd, maar zal dan wat moeten wijzigen in de rest van mijn css-code veronderstel ik .
Offline zointer - 02/08/2011 06:02
Avatar van zointer HTML gevorderde
Raze schreef:
Hallo,
a) Hoe kan ik bij kleinere resoluties (< 1280x800) schuifbalken krijgen ipv dat mijn layoutelementen over elkaar geschoven worden?
b) Hoe pakken jullie in het algemeen dit probleem aan?


Een site maken voor min 1024 zodat men geen schuifbalken heeft onderaan(hoogte maakt niks uit) 

http://www.screenresolution.org/
http://www.w3sc...isplay.asp
http://www.w3counter.com/globalstats.php

Het heeft geen nut een site te ontwerpen als je scherm deze niet ondersteund.
Raze schreef:
Mijn vraag is nu: moet ik rekening houden met de grote resoluties zoals 1920x900? Ik vraag me af of veel mensen die resolutie gebruiken... langs de andere kant: als ik aan Apple iMac 27"-systemen denk, dan zou ik toch ook wil dat ook daar mijn website goed op wordt weergegeven...

Je moet rekening houden met iedere resoluties(al boven 1024) die er zijn, en zoals je zelf al zegt goed weergegeven.
Raze schreef:
Bij de volgende screenresoluties is de website min of meer "deftig":

Dit is dan wat ik bedoel dat het geen nut heeft, een beetje min of meer deftig 
Bedankt door: Pieter
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.162s