[HTML + CSS] Firefox rendert niet goed, alleen na refresh

[Rexomnium]

Ik heb met behulp van HTML en CSS artikelblokken gemaakt met een <h2>-titel, <p>-tekst, en een floating image als begeleidend plaatje. In de HTML ziet het artikelblok er zo uit:

HTML:

<div>
<a href="#">
    <h2>RICHTER training in Arnhem</h2>
        <img src="pics/sdfg.jpg" alt="kshgsdf" style="border: 1px solid #000; width:    
        70px; height: 70px; float:right; margin-left: 3px;" />
        <p>Richter foundation is organising from 03 till 09 January 2005 an (...) </p>
</a>
</div>

De CSS:

Cascading Stylesheet:

#content div
        {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 15px;
        }

        

#content div a 
        {
        display: block;
        width: 100%;
        color: #000;
        background-color: transparent;
        text-decoration: none;
        font-size: 12px;
        }



#content div a:hover 
        {
        background-color: #E7FEC6;
        color: #000;
        }

        

#content h1
        {
        border-bottom: 3px double #000;
        font-size: 10px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-color: #000;
        color: #FFF;
        }

        

#content h2
        {
        font-size: 12px;
        color: #333;
        margin-bottom: 10px;
        margin-top: 0px;
        }

#content p
        {
        font-size: 12px;
        text-align: justify;
        }

Dit werkt over het algemeen wel goed. Als je de muisaanwijzer erover heen laat gaan, wordt het hele blok groen en kun je op elk gedeelte van het blok klikken om naar die link te gaan.

In firefox werkt het niet goed. Als je voor het eerst op de pagina komt, dan zie je dat het tweede blokje niet goed is (zie 2 onderstaande plaatjes). Na een refresh werkt het wel, na de tweede refresh niet, na de derde ook niet, enfin, er is geen peil op te trekken.
http://www.larsmunne.nl/pics/1.gif
http://www.larsmunne.nl/pics/2.gif

De gehele pagina is hier te bekijken. Wat doe ik in godsnaam fout?

[ Voor 52% gewijzigd door Rexomnium op 05-12-2004 13:59 . Reden: layout unfucked :) ]

[Blauw]

Ik zie eerlijk gezegd niet zo goed wat je precies bedoelt, en de plaatjes werken ook al niet.

[Verwijderd]

H2 mag niet voorkomen als child van A.P ook niet.

[Verwijderd]

Ik zie het probleem. Soms wordt in Mozilla niet het hele blok gehighlighted, maar de titel en de tekst apart.
Gebeurt ook in:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a6) Gecko/20041203 Firefox/1.0+
Het lijkt me een bug in Mozilla.

[MarkvE]

LOL, jij maakt de fout en je geeft de schuld aan Mozilla ("Firefox rendert niet goed, alleen na refresh", red.)

[ Voor 5% gewijzigd door MarkvE op 05-12-2004 22:32 ]

[Verwijderd]

Het gaat erom dat Mozilla de site telkens op dezelfde manier rendert, dat doet Mozilla hier niet, daar geef ik de schuld aan Mozilla.
De code is inderdaad niet valide, daar ben ik me van bewust.

[Verwijderd]

Ik weet niet hoor, maar zou je hem dan niet eerst proberen te laten valideren? Als je probleem dan nog bestaat, mag je je vinger wijzen in de richting van gecko.

[CrazyA]

Het is mij ook al opgevallen dat Firefox af en toe verschil maakt in rendering tussen eerste bezoek en de refresh erna.
Vooral de oudere versies volgens mij. Als ik het weer tegen kom zal ik onmiddelijk screenshots sturen, maar ik heb het met de nieuwste Firefox niet meer gezien eigenlijk.

[GeeBee]

Ik wou net zeggen: hier in FF 1.0 NL geen problemen...

[Rexomnium]

Anne heeft gelijk, althans volgens de validator van W3C. Een heading- en/of een paragraphelement mogen niet als child van een <a>. Waarschijnlijk ligt het dus daaraan, ik heb het hier nog niet kunnen testen. En MarkvE, ik geef niet de schuld aan Firefox, anders had ik het wel aan hen gevraagd. Ik ben me er juist bewust van dat mijn code niet goed is, daarom vraag ik het hier.

Overigens is het citaat dat je aanhaalt niet door de redactie toegevoegd, maar door jou. Jij bent geen redactie.

CrazyA schreef op maandag 06 december 2004 @ 00:09:
Het is mij ook al opgevallen dat Firefox af en toe verschil maakt in rendering tussen eerste bezoek en de refresh erna.
Vooral de oudere versies volgens mij. Als ik het weer tegen kom zal ik onmiddelijk screenshots sturen, maar ik heb het met de nieuwste Firefox niet meer gezien eigenlijk.

Ik gebruik de nieuwste firefox. Het ligt helaas aan mijn code, dus ik moet het maar uitvogelen met DHTML of een andere methode

[ Voor 38% gewijzigd door Rexomnium op 06-12-2004 10:00 ]

[Verwijderd]

Iets dergelijks is trouwens niet echt gebruikersvriendelijk. Je zou er beter aan doen een andere UI te bedenken.