anoniem Geplaatst: 17 augustus 2003 Delen Geplaatst: 17 augustus 2003 Hallo, Afgelopen week heb ik mijn site gecentreerd met "margin-left: auto" en margin-right: auto". In IE werkt het goed, maar in Mozilla en Opera verspringt mijn site, zodra er een verticale scrollbalk komt/verdwijnt. Ik vind het erg irritant. Wie weet wat ik hieraan kan doen? Quote Link naar reactie
anoniem Geplaatst: 17 augustus 2003 Auteur Delen Geplaatst: 17 augustus 2003 [code:1:16771b21c3]html,body{ overflow:scroll }[/code:1:16771b21c3]Op deze manier is er altijd een scrollbar zichtbaar. Anne Quote Link naar reactie
anoniem Geplaatst: 17 augustus 2003 Auteur Delen Geplaatst: 17 augustus 2003 [quote:66f94085cd="*odin*"][...] in Mozilla en Opera verspringt mijn site, zodra er een [b:66f94085cd]verticale[/b:66f94085cd] scrollbalk komt/verdwijnt.[/quote:66f94085cd]Is dit niet normaal browsergedrag? Het is toch wel fijn dat je de content kunt scrollen als deze te lang is om in één scherm te laten passen... Laat ik dan ook maar even aannemen dat je een horizontale scrollbar bedoelt. In dat geval zou ik graag een screenshot zien, want ik kan het beschreven gedrag niet reproduceren op mijn computer... En over welke resolutie hebben we het nu? - Bas Quote Link naar reactie
anoniem Geplaatst: 17 augustus 2003 Auteur Delen Geplaatst: 17 augustus 2003 [quote:95589f826a="termin8or"][code:1:95589f826a]html,body{ overflow:scroll }[/code:1:95589f826a]Op deze manier is er altijd een scrollbar zichtbaar. Anne[/quote:95589f826a] Nu krijg ik permanent een tweede verticale scrollbalk plus één horizontale scrollbalk. Ik vind dit erg lelijk, maar in ieder geval bedankt voor de tip. Quote Link naar reactie
anoniem Geplaatst: 17 augustus 2003 Auteur Delen Geplaatst: 17 augustus 2003 [quote:065626d159="BasHamar"][quote:065626d159="*odin*"][...] in Mozilla en Opera verspringt mijn site, zodra er een [b:065626d159]verticale[/b:065626d159] scrollbalk komt/verdwijnt.[/quote:065626d159]Is dit niet normaal browsergedrag? Het is toch wel fijn dat je de content kunt scrollen als deze te lang is om in één scherm te laten passen... Laat ik dan ook maar even aannemen dat je een horizontale scrollbar bedoelt. In dat geval zou ik graag een screenshot zien, want ik kan het beschreven gedrag niet reproduceren op mijn computer... En over welke resolutie hebben we het nu? - Bas[/quote:065626d159] Hallo, Ik bedoel echt een verticale scrollbalk en het is inderdaad normaal browsergedrag. Maar als je mijn site bekijkt en het springt steeds een stukje van links naar rechts bij het openen van een andere pagina, is het niet echt prettig. Ik wil de scrollbalk ook niet weghebben, want dan kan je idd de inhoud niet meer goed bekijken. Ik dacht meer aan een permanente scrollbalk, zoals hierboven wordt gezegd, maar dan iets subtieler als "overflow: scroll". Op deze manier krijg ik namelijk drie scrollbalken als er eigenlijk geen enkele scrollbalk nodig is. Quote Link naar reactie
anoniem Geplaatst: 17 augustus 2003 Auteur Delen Geplaatst: 17 augustus 2003 Aha, ik denk dat ik het probleem begrijp en ik denk er ook een oplossing voor te hebben. De methode die termin8or noemt is goed maar niet doordacht. Ten eerste geeft hij zowel [i:836b11ceef]html[/i:836b11ceef] als [i:836b11ceef]body[/i:836b11ceef] nu een scrollbar. Aangezien laatstgenoemde onderdeel is van eerstgenoemde en [i:836b11ceef]body[/i:836b11ceef] als een layer beschouwd kan worden zou ik eerdergenoemde methode op [i:836b11ceef]html[/i:836b11ceef] van toepassing laten zijn. Daarnaast heb je nu het probleem dat je een horizontale scrollbar krijgt, dus die eigenschap moet je ongemoeid laten en de browser laten afhandelen. Ergo:[code:1:836b11ceef]html{ overflow-y: scroll; }[/code:1:836b11ceef]Hopelijk lost dit je probleem op. ;) - Bas Quote Link naar reactie
anoniem Geplaatst: 17 augustus 2003 Auteur Delen Geplaatst: 17 augustus 2003 Nee, spijtig genoeg werkt ook dit niet. In IE krijg ik weer een extra scrollbalk, en in Mozilla (opera heb ik niet gekeken, maar is meestal hetzelfde als Mozilla) krijg ik geen scrollbalk. Ik heb de code op verschillende manieren geprobeerd ( met "html {enz." , "body {enz." , ), maar allemaal zonder het beoogde resultaat. Quote Link naar reactie
anoniem Geplaatst: 17 augustus 2003 Auteur Delen Geplaatst: 17 augustus 2003 Dat verspringen hoort erbij. Je kunt wel zorgen dat de scrollbar zichtbaar blijft, meestal is het idd wenselijk dat dit niet de horizontale is. Bas z'n voorbeeld is perfect CSS3, maar momenteel helaas IE-only. Probeer het zo is (werkt niet in Opera):[code:1:7208b30c0f]html,body{ overflow:-moz-scrollbars-horizontal; overflow-y:auto; }[/code:1:7208b30c0f]Anne Quote Link naar reactie
anoniem Geplaatst: 18 augustus 2003 Auteur Delen Geplaatst: 18 augustus 2003 Ik heb de code op deze manier veranderd: [code:1:f4241b326a]html{ overflow:-moz-scrollbars-vertical; overflow-y:auto; }[/code:1:f4241b326a] Met die andere code kreeg ik twee horizontale scrollbalken. Het probleem met deze code is, dat er wél een verticale scrollbalk verschijnt, maar dat deze niet kan scrollen. Dus dit heeft hetzelfde effect als dat er helemaal geen scrollbalk zou zijn (op lange pagina's.) Quote Link naar reactie
anoniem Geplaatst: 18 augustus 2003 Auteur Delen Geplaatst: 18 augustus 2003 O sorry het moest idd vertical zijn, mooi dat je daar wel zelf uit kon komen ;). Ik weet dat er dan altijd een scrollbar aanwezig is, het voordeel hiervan is dat er niks verspringt ;) Anne Quote Link naar reactie
anoniem Geplaatst: 18 augustus 2003 Auteur Delen Geplaatst: 18 augustus 2003 [quote:61430a5a33="termin8or"]O sorry het moest idd vertical zijn, mooi dat je daar wel zelf uit kon komen ;). Ik weet dat er dan altijd een scrollbar aanwezig is, het voordeel hiervan is dat er niks verspringt ;) Anne[/quote:61430a5a33] Die scrollbalk is idd de bedoeling. Maar wat niet goed is, is dat die scrollbalk niet kan scrollen als de pagina langer is dan het scherm. Quote Link naar reactie
anoniem Geplaatst: 18 augustus 2003 Auteur Delen Geplaatst: 18 augustus 2003 Aahh.. nu snap ik het en wordt het gelijk een stuk moeilijker zonder even te zien wat er gebeurt ;). Online voorbeeldje? Anne Quote Link naar reactie
anoniem Geplaatst: 18 augustus 2003 Auteur Delen Geplaatst: 18 augustus 2003 Hier is een voorbeeld: [url]http://www.jumpingboxers.com/homeprob.php[/url] Dit probleem doet zich alleen voor bij Mozilla. De scrollbalk staat er wel, maar kan niet scrollen. IE doet het zoals ik dat wil en Opera reageert niet op de scrollbalken, zoals je al had gezegd. Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen