[HTML/CSS] Scrollbalk overlapt laatste regel in IE

[Jeeeroen]

Hallo,

Ik heb vanalles geprobeerd maar de volgende codes (ik ben op zoek naar een goede) werken niet goed in Internet Explorer. De scrollbalk overlapt de laatste regel en in het geval van één regel dus bijna de hele inhoud. Ook komt er een verticale scrollbalk die er niet hoort. Wanneer het aantal regels hoog wordt, voeg ik een height toe zodat er wel een verticale scrollbalk moet komen. Ik ben op zoek naar een goede workaround.

code:

<div style='overflow:auto; width: 200px'>
    <table cellpadding='0' cellspacing='0'>
        <tr>
            <td style='background-color: yellow'>
                Hallooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
            </td>
        </tr>
    </table>
</div>

code:

<div style='overflow:auto; width: 200px'>
    <div style='background-color: yellow'>
        Hallooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
    </div>
</div>

code:

<div style='overflow:auto; width: 200px; background-color: yellow'>
    Hallooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

Wie kan me hieraan helpen? Alvast bedankt!

[ Voor 38% gewijzigd door Jeeeroen op 03-10-2005 21:50 . Reden: Vergeten te vermelden dat bij grote inhoud een height voor een verticale scrollbalk wordt toegevoegd. ]

[André]

Bij je laatste oplossing height: 40px; toevoegen?


En misschien beter: een overflow-y: hidden en een padding-bottom: 30px bij de laatste oplossing.

[ Voor 52% gewijzigd door André op 03-10-2005 20:31 ]

[Jeeeroen]

Omdat de inhoud variabel is kan ik geen height: 40px; toevoegen. Wanneer het aantal regels hoog wordt, voeg ik overigens een height toe zodat ook de verticale overflow wordt gebruikt. Een overflow-y: hidden toevoegen kan dus helaas niet.

[André]

Voor die variabele inhoud zou je iig die padding-bottom kunnen gebruiken

[Jeeeroen]

In Internet Explorer maakt dit geen verschil. De scrollbalk is altijd één regel plus de padding te "klein".

[ Voor 7% gewijzigd door Jeeeroen op 03-10-2005 21:57 ]

[André]

Ik snap je niet, als ik die padding er op zet zie ik keurig de laatste regel?

[Victor]

Mij is nu niet helemaal duidelijk wat je precies probeert te bereiken. Zou je misschien even kunnen uitleggen wat je als resultaat wilt zien?

[Jeeeroen]

Ik gebruik onderstaande code en zie alleen de eerste regel. Lijkt deze code op die van jou?

code:

<div style='overflow:auto; width: 200px; padding-bottom: 30px; background-color: yellow; height:40px'>
    Hallooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<br>
    Hoi
</div>

[André]

Nee, die height moet weg

[Jeeeroen]

Eh, stom . De scrollbalk blijft wel, maar die kan ik met overflow-y weghalen totdat ik de height toevoeg bij een grote inhoud. Ik ga eens aan de slag.

De padding-bottom geeft trouwens wel extra whitespace in Firefox en Opera, maar die kan ik gelukkig middels een workaround alleen in Internet Explorer laten gelden:

code:

* html .Inhoud {
  padding-bottom: 20px;
}

[ Voor 44% gewijzigd door Jeeeroen op 03-10-2005 22:07 ]