Hallo allemaal,

Ik heb een probleempje en ik zie nu dat het probleem terugkomt in bijna alle door mij ontwikkelde websites. Eigenlijk heb ik het nooit opgemerkt, maar een klant merkte het vandaag op.

Probleemomschrijving:
Ik heb een gecentreerde container. Als de lengte van de pagina buiten de browser valt (ofwel: als je kunt scrollen), dan verschuift de container iets ten opzichte van de container, als deze binnen de browser valt.

Je ziet heel duidelijk wat ik bedoel als je beide pagina's tegelijk opent en dan even van tab verwisselt:

http://development.tipict.nl/
http://development.tipict.nl/bedrijfsprofiel/

Het lijkt niet aan de inhoud te liggen, want ook als ik alle inhoud uit de div haal en deze vul met regeleindes (<br />) dan treedt het verschuiven op.

Nou kan ik wel elke pagina een margin: 0 0 1000px extra geven zodat iedere div buiten het kader valt. Dan is het probleem verholpen, maar dat is niet echt netjes ;-)

Suggesties zijn zeer welkom!

Komt omdat je er aan de rechterkant een scrollbar bij krijgt ;)

Zó logisch, daar had ik helemaal niet aan gedacht. Maar hoe los je dat op...... Natuurlijk is het een optie om alle lange pagina's een extra margin aan de linkerzijde te geven, maar dan forceer je het een beetje, en bovendien is het dan ook afhankelijk van de resolutie bij welke pagina's ik die margin van toepassing moet maken.

Aanpassing:
ik heb met de kennis van nu even gegoogled, en er bestaat dus een css3 code waarmee je de scrollbalk altijd kunt tonen:

overflow-y: scroll;

Maart tja, die komt niet door de W3C validator heen, en dat is wel altijd leuk om te kunnen doen.

Eigenlijk heb ik iets nodig als 100% breedte minus XX px, zoals ze ook hier zeggen. Alleen daar eindigt het topic zonder oplossing, deze topic wil ik graag anders laten eindigen ;-)

Hmmm, oplossen? Daar kan ik je weinig antwoord opgeven behalve:
- meer content op je homepage
- een kleiner beeldscherm kopen

Maar daar heb je niet veel aan! :+

Nee idd, daar heb ik niet veel aan ;-) Heb jij zou het dus serieus ook zo oplossen als je left: 50% of margin: 0 auto toepast? Ik ben op zich overigens niet gebonden aan die wijzen van centreren, maar veel reële alternatieven zijn er ook niet hmh.

Voor de mensen die nu het voorbeeld bekijken: ik heb het (tijdelijk?) opgelost door op elke pagina een scrollbalk te tonen, maar liever doe ik het niet op deze manier. Iemand suggesties?

Ik laat het altijd gewoon zo, ik stoor me er persoonlijk niet zo aan. Verder doe ik niet bijzonder veel met CSS, het is me alleen toevallig ook wel eens voorgekomen ;-)

als het je echt stoort kun je de alle pagina's 101% maken dan heb je altijd een scroll bar maar dat vind ik persoonlijk niet zo mooi omdat klanten/mensen dan denken dat ze kunnen scrollen en dan maar 1cm naar bende gaan en niks extras zien.

zo te zien heb je het al opgelost door : overflow-y: scroll; te gebruiken

Inderdaad, zoals hierboven reeds is vermeld. Het is _een_ oplossing. Ik ben alsnog wel benieuwd naar de oplossingen die anderen zouden toepassen.

Je zou met jQuery kunnen kijken of de content hoger is dan document.height, zoja: dan zorg je met margin dat je de content iets meer naar rechts plaatst dan precies in het midden.