Webpagina is op kleinere monitoren te groot

[interpol]

Ik ben een website aan het maken en nu de website bijna klaar is, zie ik dat de website voor een kleiner scherm te groot is. Je moet nu naar rechts scrollen om de gehele pagina te kunnen bekijken.

 

Ik heb de pagina gemaakt op een 24 inch scherm en zie daar geen problemen, maar op mijn 17 inch moet ik scrollen om de gehele pagina te bekijken.

 

Bestaat er een scripje die zelf het beeldformaat naar type monitor aanpast?

[Boelo]

Bedoel je dit ??

KLIK

[Kowalski]

Hoeveel pixels breed is je website (of scherm) dan? Ongetwijfeld meer dan 1024.

 

Volgens de huidige Browser Display statistics komen de volgende schermresoluties momenteel voor (stand jan. 2009):

- Onbekend: 3%

- 640 x 480: 0%

- 800 x 600: 4%

- 1024 x 768: 36%

- Hoger: 57%

(N.B. Werkelijke waarden kunnen uiteraard voor jouw website afwijken, maar het geeft toch een indicatie).

 

Het is dus verstandig om je website af te stemmen op een scherm van max. 1024 x 768, zodat 93% (36 + 57) hem zonder scrollen kunnen zien. De overige 4% hebben dan "pech" gehad en moeten wel scrollen.

Ik zou hem bijv. 1000 pixels breed maken (samen met een eventuele verticale scrollbar rechts van het scherm is dat dan 1024), maar 960 wordt ook veel gebruikt.

Je kan hem ook variabel / 100% breed maken, maar dan heb je hele lange zinnen op een breed scherm (en korte op een smal scherm), dat geeft dus weer andere opmaak problemen en de vraag is of dat mooi is.

Succes!

[Gast flipper61]

Je moet de hele pagina in een div tag zetten en die div aanpassen naar 99% zodat er telkens 99% van het scherm word geladen zo maak het niet uit hoe groot je scherm is.

[Puch]

Origineel bericht van: flipper61

Je moet de hele pagina in een div tag zetten en die div aanpassen naar 99% zodat er telkens 99% van het scherm word geladen zo maak het niet uit hoe groot je scherm is.

Momenteel werk je (doe ik toch) best naar een resolutie van 1024x768.
Het aantal bezoekers met een kleinere resolutie is te verwaarlozen, die gaan wat heen en weer moeten scrollen.
Al wie een grotere resolutie heeft ziet wat meer achtergrond.

[boaz]

Pagina breedte op 100% zetten is ook een simpele oplossing, past je pagina op vrijwel elk scherm en blijft beeldvullend.

[Duwgati]

Alleen als je 100% opgeeft, plakken diverse browsers doorgaans automatisch een horizontale scroll bar onderaan je pagina. Dat komt dan doordat de breedte van het browser-window meestal wordt berekend zonder verticale scroll bar, terwijl die er in veel gevallen wel zal zijn. Dus je verliest a.h.w. de breedte van je scroll bar en dat compenseert de browser dan door die horizontale scroll bar onderaan.

 

Dus om dat te voorkomen kun je beter voor 99% of 98% kiezen, dan vermijd je die onnodige scroll bar.

 

[satvet]

Kwestie van goed instellen door de webbouwer, in Frontpage kwestie van een vinkje bij "toon scrollbar indien nodig". Dan zie je pas een scroll bar als de pagina elementen bevat die een ingestelde breedte hebben en het niet meer past.

[interpol]

Ik was er inmiddels uit dankzij de gegeven antwoorden.