login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > HTML & CSS

Resoluties... ?!?

Raze – 01/08/2011 17:54 (Laatst gewijzigd op 01/08/2011 17:55)
Offline offline




PHP 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
Daisycon - Verdien geld met uw website

Joel – 01/08/2011 18:33
Offline offline



Intern Manager
Ik mis eigenlijk een voorbeeld. Ik gebruik hier 1920x1080 dus je moet zeker niet denken dat niemand deze resolutie gebruikt!

Martijn – 01/08/2011 18:48
Offline offline



Crew PHP
een div om alles heen wrapper wordt die vaak genoemt. Overal omheen, position:relative;margin:0px auto; en klaar 

Raze – 01/08/2011 18:51 (Laatst gewijzigd op 01/08/2011 18:54)
Offline offline



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 .

zointer – 02/08/2011 06:02
Offline offline



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 

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten:

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.02s