[css] overflow:auto probleem

[rewind.]

Het gaat hier om 2 probleempjes waar ik maar niet uit kom.

1. in firefox schiet m'n div ineens naar rechts zodra overflow auto in de css staat.

2. Zodra de tekst binnen de div valt wil ik helemaal geen scrollbar echter word deze in firefox wel weergegeven.

html
css

via de search heb ik de horizontale scrollbar fout in firefox al kunnen verwijderen door:

overflow:auto;
overflow-y:auto;
overflow: -moz-scrollbars-vertical;

te gebruiken.

[disjfa]

Waarom heb je je container absoluut gepositioneerd

Verder zou ik zeggen klooi wat met je margins en mischien kan je het textvak floaten naast het menu.

Verder kan je ook gewoon je h1 in je content visueel uitschakelen zodat je geen horizontale scrollbalk hebt. -1000px naar links zetten hoeft heus niet.

[rewind.]

oke het -1000px heb ik vervangen door visibility:hidden de container is absoluut gepositioneerd omdat ie gecentreerd is.

door contentrechts rechts te floaten lijkt het 1e probleem opgelost echter maakt IE van 10px 20px ofzo waardoor er weer een verschil ontstaat in de rechtermargin

[ Voor 41% gewijzigd door rewind. op 14-11-2005 19:39 ]

[rewind.]

Op de webspace staan nu 2 nieuwe files het 1e probleem heb ik opgelost door te floaten en display inline te gebruiken.. echter in FF blijft de scrollbar maar staan het is net een padding of margin ietss van 11px (lengte scroll gedeelte) maar ik kom er maar niet achter.. iemand?

[Verwijderd]

Volgens mij hoef je alleen de

code:

overflow: auto;

uit #contentrechts te halen.

[rewind.]

klopt dat isset weg maar het is wel de bedoeling dat de div scrollable blijft indien nodig met deze hoeveelheid tekst erin is het niet nodig dus dan wil ik die scrollbar ook weg hebben.

[dip]

Verwijderd schreef op maandag 14 november 2005 @ 23:02:
Volgens mij hoef je alleen de

code:

overflow: auto;

uit #contentrechts te halen.

bij auto gaat hij scrollen als de content groter is dan de div zelf
http://www.w3schools.com/css/pr_pos_overflow.asp

vreemd is echter dat hij dit nu niet doet.. ik heb jouw css even vergeleken met een dergelijk stuk dat ik gebruik voor een van mn sites..

PHP:

<style>
    width:544px;
    height:402px;
    margin: 10px;
    overflow: auto;
    color:#FFFFFF;
    font-size: 10pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;  
</style>

in principe is het hetzelfde, op de padding na, echter zou dit niets uit moeten maken

[ Voor 40% gewijzigd door dip op 14-11-2005 23:12 ]

[Verwijderd]

Klopt, had geen rekening gehouden met een grotere hoeveelheid aan tekst.
Probeer eens in plaats van je h1 visibility: hidden; display: none; te geven?

[ Voor 1% gewijzigd door Verwijderd op 14-11-2005 23:23 . Reden: die n'etjes toch ]

[rewind.]

En dat is de oplossing! bedankt