[html/css] geen scrollbar in chrome of niet in IE

[BasieP]

Beste mensen,

Ik kwam tijdens het bouwen van een site het volgende probleem tegen.

Ik heb een site met simpel twee kolommen, samen in een container.

Nu wil ik gewoon heel simpel scrollen en heb daarvoor het volgende gebruikt:

Cascading Stylesheet:

html {
    overflow: hidden;   /* en dit zorgt dat in IE er niet altijd een scrollbar staat rechts */
    height: 100%;
}
body {
    position: relative;
    height: 100%;
    overflow: auto;   /*hierdoor zou dus alles in de body moeten scrollen*/
}
#container {
    position: relative;  /*gaan dingen absolute in gepost worden */
    width: 821px;
}

Echter nu zie ik in chrome geen scrollbar rechts...

Ik ben er inmiddels achter dat wanneer ik de overflow: hidden; weghaal bij html dat hij het dan in chrome wel doet, echter dan zie ik in IE dus altijd rechts zo'n inactieve scrollbar.

Hier staat de testcase
http://huistenwolde.nl/test.html

Hoe kom ik hier nou op een nette manier vanaf?

het lijkt me dermate basaal dat dit toch moet kunnen in alle browsers zonder conditional comments etc.

[Bosmonster]

Dus je wilt een scrollbalk weghalen om het vervolgens weer terug te zetten?

Overigens zeg je nu dat IE een inactieve scrollbar toon rechts. IE8 doet dit dus bijvoorbeeld al niet meer.

[BlackWhizz]

Misschien werkt overflow:auto; ? of height: auto !important;

[BasieP]

Bosmonster schreef op donderdag 14 mei 2009 @ 19:38:
Dus je wilt een scrollbalk weghalen om het vervolgens weer terug te zetten?

Overigens zeg je nu dat IE een inactieve scrollbar toon rechts. IE8 doet dit dus bijvoorbeeld al niet meer.

ik praat over IE6 (die ik helaas nog moet ondersteunen).

Verder haal ik de scrollbar van html weg, en zet hem neer bij body, dus hij staat op een andere plek.
Chrome laat hem alleen nergens zien.

FF doet het trouwens in beide gevallen goed.

BlackWhizz schreef op donderdag 14 mei 2009 @ 19:44:
Misschien werkt overflow:auto; ? of height: auto !important;

overflow auto werkt niet, en css hacks wil ik juist liever niet toepassen. Dus height: auto !blaat; wou ik nog even niet doen.
Anders gebruik ik liever conditional comments

[ Voor 24% gewijzigd door BasieP op 14-05-2009 19:49 ]

[MoietyMe]

IE6 laat toch _altijd_ een scrollbar zien? Dat ligt niet aan je html of css, gewoon aan het programma.

[Bosmonster]

BasieP schreef op donderdag 14 mei 2009 @ 19:45:
[...]
Verder haal ik de scrollbar van html weg, en zet hem neer bij body, dus hij staat op een andere plek.

Ja precies.. waarom wil je dat

[ Voor 9% gewijzigd door Bosmonster op 14-05-2009 21:49 ]

[BasieP]

Good Fella schreef op donderdag 14 mei 2009 @ 19:59:
IE6 laat toch _altijd_ een scrollbar zien? Dat ligt niet aan je html of css, gewoon aan het programma.

mja by default ja, maar je kan het met css wel uit zetten.

default is font-family ook times new roman, maar ik ben toch blij dat ik dat kan uitzetten

[Bosmonster]

BasieP schreef op donderdag 14 mei 2009 @ 21:53:
[...]

mja by default ja, maar je kan het met css wel uit zetten.

default is font-family ook times new roman, maar ik ben toch blij dat ik dat kan uitzetten

Ik zou toch een iets ander toontje proberen aan te slaan, je komt nu nogal arrogant over.

Tenminste, als je nog enige hulp en inzet van de vrijwilligers hier verwacht natuurlijk. Zolang je zelf nog steeds niet duidelijk hebt gemaakt wat je nu eigenlijk echt wil en waarom, wordt het bovendien erg lastig helpen.

Het verplaatsen van die scrollbalk is namelijk compleet zinloos, zoals ook in je voorbeeld is te zien. Dus leg nu eens uit wat je precies probeert te bereiken?

[Patriot]

Bosmonster schreef op donderdag 14 mei 2009 @ 22:36:
[...]


Ik zou toch een iets ander toontje proberen aan te slaan, je komt nu nogal arrogant over.

Overdrijf eens een beetje zeg

Tenminste, als je nog enige hulp en inzet van de vrijwilligers hier verwacht natuurlijk. Zolang je zelf nog steeds niet duidelijk hebt gemaakt wat je nu eigenlijk echt wil en waarom, wordt het bovendien erg lastig helpen.

Hij is erg duidelijk geweest hoor

[ontopic]

Je probleem komt voor uit het feit dat je body gewoon mee blijft groeien met de inhoud. Die 100% height die je meegeeft gaat niet bereiken wat jij wilt dat het bereikt. Omdat de hoogte dus altijd hoger kan, zal er geen scrollbar verschijnen. Bovendien vraag ik me af waarom je de scrollbar in de body wilt, want daardoor kun je een beetje een vreemd resultaat krijgen als je container kleiner is dan de body. Wil je het scrollen niet in de container doen?

[BasieP]

mmm das jammer.

Ik wil de hele container scrollen (in princiepe is dat gewoon de site, dus zit een grote border omheen etc.)

Als ik het goed begrijp zijn er niet echt regels voor.

IE zet de scrollbar op de html, en chrome op de body, firefox ook op de body, maar daar groeit de body niet mee als de inhoud groter wordt en height 100% is.
Bij IE ook niet, maar die geeft dus een ander probleem, namelijk dat de html scrollbar niet 'hidden' is als overflow op 'none' staat en de body is ook 100%.

ik heb nu inderdaad alles er maar af gehaalt. IE heeft dan een disablede scrollbar, maar dat neem ik dan maar voor lief.
* BasieP wacht nog maar weer op html5 en css 3

[BtM909]

Dus je zegt dat je voorbeeld in de topicstart wel goed werkt in IE maar niet in Chrome

[BasieP]

BtM909 schreef op donderdag 14 mei 2009 @ 23:46:
Dus je zegt dat je voorbeeld in de topicstart wel goed werkt in IE maar niet in Chrome

correct.
in chrome mist de scrollbar

[Bosmonster]

Patriot schreef op donderdag 14 mei 2009 @ 22:45:
[...]
Overdrijf eens een beetje zeg

Nee ik overdrijf niet. Smileys als en dat soort rare opmerkingen komen arrogant over.

Hij is erg duidelijk geweest hoor

Nee hij is niet duidelijk geweest. Want waar staat WAAROM hij dit wil?

[MoietyMe]

Zonder de oplossing die je nu zelf gemaakt hebt werkt het dus overal behalve in IE6?

Dan gebruik je toch gewoon een conditional comment?

[BtM909]

^ ^ ^ ggrrrrrrrr......

Ik had dit al klaar staan om te posten

Oeh oeh oeh, pick me pick me...
- Well what's your name my son?
People tend to call me "conditional comments"

[MoietyMe]

offtopic:
Zal ik het even uit mijn post editen?

[ Voor 8% gewijzigd door MoietyMe op 15-05-2009 11:10 ]

[BasieP]

heren, tnx voor de reacties, ik heb het nu idd zo maar opgelost

@bosmonster.
Misschien was het niet helemaal duidelijk, maar die smilie was bedoelt voor firefox, omdat die het gewoon in beide gevallen goed doet.
niks te maken met arrogantie.

en waarom ik iets wil is leuk wanneer ik het post, maar is imo niet heel relevant, maar ik kan me voorstellen dat daar de meningen over verschillen.

anyway. no flame intended

[Patriot]

Bosmonster schreef op vrijdag 15 mei 2009 @ 09:43:
[...]


Nee ik overdrijf niet. Smileys als en dat soort rare opmerkingen komen arrogant over.

De smiley was overduidelijk positief en aan Firefox gericht, welke "rare opmerkingen" heb jij het over?

[...]

Nee hij is niet duidelijk geweest. Want waar staat WAAROM hij dit wil?

Waarom moet hij dit zeggen? Zijn probleem is duidelijk en hij geeft een prima omschrijving, dat moet genoeg zijn.

[Bosmonster]

Patriot schreef op maandag 18 mei 2009 @ 01:08:
[...]
De smiley was overduidelijk positief en aan Firefox gericht, welke "rare opmerkingen" heb jij het over?
[...]
Waarom moet hij dit zeggen? Zijn probleem is duidelijk en hij geeft een prima omschrijving, dat moet genoeg zijn.

Waar bemoei jij je in godsnaam mee Geen van de opmerkingen van zowel TS als mij waren aan jou gericht.

en waarom ik iets wil is leuk wanneer ik het post, maar is imo niet heel relevant, maar ik kan me voorstellen dat daar de meningen over verschillen.

Is vaak zeer relevant, zeker op dit forum. Je wilt niet weten hoe vaak mensen de gekste dingen voor elkaar proberen te krijgen, zonder te vertellen wat ze nu werkelijk willen en waarom. 9 van de 10 keer blijkt er dan een veel simpelere en betere oplossing te zijn voor hun werkelijke probleem.

anyway. no flame intended

Dat geldt ook voor mij, het kwam er misschien wat rotter uit dan bedoeld.

[ Voor 46% gewijzigd door Bosmonster op 18-05-2009 09:00 ]

[Gersomvg]

BasieP schreef op donderdag 14 mei 2009 @ 19:45:
en css hacks wil ik juist liever niet toepassen. Dus height: auto !blaat; wou ik nog even niet doen.

Naar mijn weten is !important normaal CSS

[ Voor 10% gewijzigd door Gersomvg op 18-05-2009 10:28 ]

[BtM909]

en vanaf nu alleen ontopic reageren of een TR aanmaken