[css] overflow situatie

[Verwijderd]

Ik wil een stuk tekst presenteren - in een div element - met een maximale breedte van laat zeggen 300 pixels. De hoogte varieert. Dat wil zeggen dat de hoogte afhankelijk is van het aantal linebreaks in de tekst.
Als de tekst - door alleen te kijken naar de linebreaks - toch breder is dan 300 pixels moet deze niet getoond worden (= niet automatisch afgebroken worden) maar verdwijnen in de non-clipping area van het div-element. Dat wil zeggen dat de tekst alleen te bezichtigen is door te scrollen met de scrollbar die verschijnt als de tekst een overflow veroorzaakt.

In Firefox wordt alles precies getoond zoals je verwacht. Echter in IE (6+) niet want deze toont automatisch een verticale scrollbar. Kan ik de verticale scrollbar in IE op een nette en correcte manier verwijderen en zorgen dat beide elementen (zowel de container als de zich daarin bevindende contentholder) gewoon verticaal meeschalen, zoals dit gebeurd in Firefox en dat de verticale scrollbar niet getoond wordt?

code:

.mainbox {
background-color: yellow;
width: 300px;
float: left;
position: relative;
overflow: auto;
}

.actualcontent {
background-color: lightblue;
width: 500px;
}

</style>

<div class="mainbox">
  <div class="actualcontent">
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
    Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. Een voorbeeld voor GoT. <br>
  </div>
</div>

Ter informatie, ik ben de code-viewer van GoT aan het nabouwen.

[faabman]

[google=overflow-x]
[google=overflow-y]