[CSS] Probleem met scrollen in IE6

[mpegernie]

Nu klinkt dat misschien als een probleem dat af en toe wel eens voorbij komt maar ik heb in de search niets kunnen vinden, dus hierbij.

Ik ben gisteren met een nieuwe layout voor m'n homepage bezig geweest, lekker met CSS etc. werkt op zich prima. Maar nu blijkt dat er een raar renderfoutje ontstaat in IE6.
http://www.xs4all.nl/~chasin/MpegErnie/WebsiteV2/index.html
Links, in de sectie "Recent Additions", worden een paar divjes niet of half gerenderd, en tijdens het scrollen is het net alsof er een vlak overheen word geschoven.
voorbeeld (IE6 op winXP pro)

Kent iemand dit probleem?

Verder heb ik de indruk dat de pagina nogal zwaar is op lichter PC's, kan dat kloppen? Hij scrollt nml niet echt altijd even soepel. Misschien kan iemand überhaupt nog wat advies geven over wat wel en wat niet te doen.

De relevante html code:

HTML:

<div class="infoItems itemBackgroundNormal">
    <h1>Recent Additions</h1>
    <p class="clearLeft"/>
        <a href="..."><img .../></a>
        <p class="thumbTitle"/>R.E.M.E.D.Y.REV2
        <p/>Tekst...
        <p/>
        <div class="link">
            <a href="photoshop.htm">Photoshop gallery &gt;</a>
        </div>

    <p class="clearLeft"/>
        <a href="..."><img .../></a>
        <p class="thumbTitle"/>Chairs
        <p/>Tekst...
        <br/>
        <br/>
        <div class="link">
            <a href="wip.htm">W.I.P. gallery &gt;</a>
        </div>

    <p class="clearLeft"/>
</div>

Een stukje van de relevante CSS code

HTML:

.infoItems {
    padding: 5px 0px 15px 0px;
    margin:4px;
}
.thumbTitle {
    font-size:12px;
    font-weight: bold;
    font-variant: small-caps;
}
img {
    float:left;
    margin-top:6px;
    margin-left: -5px;
    margin-right: 5px;
    border:0px;
}

links naar:
layout.css
style.css

Hier zie je hoe de verschillende div's genest zijn. is het probleem met het scrollen mss dat ik een soort van main container heb gebruikt?

HTML:

<div id="mainContainer">
    <div id="info">

        <!-- dit stuk wordt verkeerd gerendered -->
        <div class="infoItems itemBackgroundNormal">
        </div>

    </div>

    <div id="content" class="darkBackground">
    </div>
</div>

[ Voor 16% gewijzigd door mpegernie op 20-01-2003 17:19 ]

[Willem]

Waarom geef je geen width, height en/of overflow op?

[mpegernie]

Eigenlijk niet aangedacht omdat ik het een beetje dynamisch wilde houden. kheb ook niet zo heel veel ervaring met CSS. heb net height:100%; aan de infoitems class toegevoegd en het werkt. Ik dacht eerst dat het aan IE lag omdat mozilla het wel prima deed.
Maar het werkt thnx

[crisp]

HTML:

<p class="thumbTitle"/>R.E.M.E.D.Y.REV2

De p-tag is al afgesloten, maar toch krijgt de tekst de stijl van class thumbTitle? weird...

Of snap ik het nog niet helemaal

[ Voor 18% gewijzigd door crisp op 20-01-2003 18:18 ]

[mpegernie]

ik dacht eingelijk zo:
die class heeft betrekking op het stuk dat wordt gedefinieerd door de <p/>, door een P voor een tekst te zetten geef je aan een nieuwe paragraaf te beginnen. Aan die paragraaf kun je vergolgens ook een stijl toekennen
maar ik moet zeggen dat ik daar ook over zat te twijfelen. Want waar houdt de stijl nu op bijv. dit is niet expliciet meer aangegeven. Waarschijnlijk kun je er dan vanuit gaan dat de stijl betrekking heeft op alles dat door de user agent, logisch gezien, als paragraaf wordt gezien.

[ Voor 3% gewijzigd door mpegernie op 20-01-2003 18:42 ]

[crisp]

mpegernie schreef op 20 January 2003 @ 18:42:
ik dacht eingelijk zo:
die class heeft betrekking op het stuk dat wordt gedefinieerd door de <p/>, door een P voor een tekst te zetten geef je aan een nieuwe paragraaf te beginnen. Aan die paragraaf kun je vergolgens ook een stijl toekennen
maar ik moet zeggen dat ik daar ook over zat te twijfelen. Want waar houdt de stijl nu op bijv. dit is niet expliciet meer aangegeven. Waarschijnlijk kun je er dan vanuit gaan dat de stijl betrekking heeft op alles dat door de user agent, logisch gezien, als paragraaf wordt gezien.

Toch denk ik niet dat het geldig xhtml is; ik heb even gezocht in de recommendation en vond o.a. het volgende:

C.3. Element Minimization and Empty Element Content
Given an empty instance of an element whose content model is not EMPTY (for example, an empty title or paragraph) do not use the minimized form (e.g. use <p> </p> and not <p />).

Dus zelfs als het p-element geen content bevat verdient het alsnog aanbeveling <p></p> te gebruiken boven <p />; ik neem dan aan dat het gebruik van <p />content dan helemaal uit dn boze is (het is immers ook geen validerend xml).

[ Voor 4% gewijzigd door crisp op 20-01-2003 22:43 ]

[mpegernie]

Je roept met je link de strict DTD aan dus ik twijfelde even maar je hebt gelijk.

Paragraaf 4.3 van de XHTML1.0 recommendation (second edition)
"4.3. For non-empty elements, end tags are required"

Raar dat de pagina toch valideerd. Maar ik ga het aanpassen, bedankt.

[ Voor 18% gewijzigd door mpegernie op 20-01-2003 22:45 ]