IE6 bug?

[Dr_Frickin_Evil]

Ik ben een site aan het maken, en heb het volgende probleem.

In dit stukje:

code:

    <div class="bar">
        [img]"upload/press6.jpg"[/img]
        <h1>
            Titel
        </h1>
        <h6>
            datum
        </h6>
        <p>
            Inleiding
        </p>
        <div class="clear">
        </div>
    </div>

Dit stukje pakt IE in combinatie met deze css-properties niet:

code:

div.bar {
    background-color: #EBEBEB;
    border-color: #B2B2B2;
    border-style: solid none solid none;
    border-width: 1px;  
    margin: 5px 0px 5px 0px;
}
div.bar h1 {
    background-color: #EAF5F3;
    border-color: #B2B2B2;
    border-style: none none solid none;
    border-width: 1px;
    margin: 0px;
    padding: 5px;
}
div.bar h6 {
    line-height: 12px;
}
div.bar img {
    border-color: #B2B2B2;
    border-style: none solid solid solid;
    border-width: 1px;
    margin: 0px 4px 4px 4px;
}
img.right {
    float: right;
}
div.clear {
    clear: both;
}

Het zit em in de div.clear class. Als ik die weglaat, is er niks aan de hand, maar dan valt het plaatje uit mn kader. In mozilla werkt het prima, maar in IE6 geeft ie de tekst niet weer. Erg vreemd, want als ik het een keer selecteer en deselecteer, dan is ie er ineens wel. Hoe komt dit, en hoe kom ik er vanaf?
Hier staat een voorbeeldje: http://131.155.240.208/berson/untitled.php

[Verwijderd]

code:

<div class="clear">
</div>

Dit negeert IE. Zet er íets in:

code:

<div class="clear">
  &nbsp;
</div>

Dit werkt wel als het goed is

[Dr_Frickin_Evil]

Nee, maakt niks uit, ik kan er vanalles inzetten, maar de div erboven blijft (deels) onzichtbaar.

[crisp]

is inderdaad een IE renderbug; daar is ergens vorig jaar wel een topic over geweest, en er zou ook een workaround voor moeten zijn, maar die kan ik me niet zo voor de geest halen...

[Dr_Frickin_Evil]

Damn, iemand die iets van een workaround weet? Ik krijg het niet gevonden.

[crisp]

ik loop er nu net ook weer tegenaan
Het heeft dus te maken met de (default) margins op je paragraph - zet die eens expliciet op 0

kutbrowser dat IE...

[ Voor 22% gewijzigd door crisp op 18-02-2004 00:41 ]

[Dr_Frickin_Evil]

Hmm, je bedoelt gewoon dit toevoegen?
p {
margin: 0px;
}
?
Dat werkt niet namelijk. Echt kut dat ze daar niet even een fix ofzo voor uitbrengen.

[crisp]

Het heeft zeker te maken met margins, dus je moet het wel daar zoeken (ik heb hier heleaas even geen IE6 ter beschikking).
Wat ik gisteren ook tegenkwam:

HTML:

<div style="position:relative">
  <h1>titel</h1>
  <p>veel tekst enzo</p>
  <img src="plaatje.gif" alt="" style="display:block;position:absolute;right:0px;bottom:0px" />
</div>

zolang je de div geen height geeft zie je in IE het absoluut gepositioneerde plaatje niet
Probleem met een height geven is echter dat bijvoorbeeld Mozilla de div dan niet meer uitrekt...

[disjfa]

ja maar daar kan je omheen werken met een min-height:*px en een _height:*px mee te geven.

iig zo doe ik dan soms..... als de klant een minimale hoogte wilt..