Tekst verschijnt pas na selecteren

[Limhes]

Ik heb een pagina opgebouwd met wat css, en nu heb ik iets erg raars. Als ik de pagina oproep in IE zie ik geen tekst, maar als ik deze vervolgens selecteer en weer deselecteer is de tekst er wel. In Firefox doet de pagina het trouwens wel (op een paar andere dingen na, die ik nog ff moet veranderen).

Pagina staat hier. Refreshen werkt af en toe, maar meestal niet. Lijkt op een bug in IE?

Stylesheet staat trouwens hier

[ajhaverkamp]

Ik zie gewoon tekst, IE6 + alle updates op Windoes XP.

[André]

Hmm, hier hetzelfde in IE6, het is dus gewoon een render-bug. Heb je al geprobeerd met de stylesheet te spelen of zelfs weg te laten?

[JeroenG]

Ik zie ook gewoon tekst

[ Voor 73% gewijzigd door JeroenG op 11-07-2004 15:09 ]

[faabman]

een aantal algemene opmerkingen over je html gebruik lijken me wel op zijn plaats:

- gebruik hX tags voor je headers... en niet een <p /> met een class
- gebruik anchors voor je navigatie, dus geen <div onclick="" />, maar <a href="#" onclick="" />
- maak in je css gebruik van subselectors, dus

code:

<style>
#imgContainer{
   /* je stijl */
}

#imgContainer div{

}

#imgContainer div img
</style>

<div id="imgContainer">
  <div><img /></div>
</div>

[Verwijderd]

Ik ben geneigd om de vinger richting Microsoft te wijzen. Het lijkt mij inderdaad een bug, het is wel eenvoudig op te lossen met wat JavaScript code.
Gewoon een functie maken die de body node selecteert en daarna weer de-selecteert.

[André]

Als ik in div#content de background-color: #ffffff; weghaal gaat alles goed. Het lijkt er dus op dat IE de achtergrond kleur over de tekst heen rendert.

[ Voor 34% gewijzigd door André op 11-07-2004 15:16 ]

[Limhes]

André schreef op 11 juli 2004 @ 15:08:
Hmm, hier hetzelfde in IE6, het is dus gewoon een render-bug. Heb je al geprobeerd met de stylesheet te spelen of zelfs weg te laten?

Naja, het gebeurt alleen als ik er drie of meer LP's (div's) heb staan. Ik kan het wel verhelpen door de opbouw van de pagina iets anders te maken; heb nu div's met float:left, maar daar kan ik eventueel wel wat anders van maken.
Ik vind het alleen zo vies dat je af en toe van die workarounds moet bedenken vanwege de bugs en tekortkomingen in IE

[Limhes]

faabman schreef op 11 juli 2004 @ 15:12:
een aantal algemene opmerkingen over je html gebruik lijken me wel op zijn plaats:

- gebruik hX tags voor je headers... en niet een <p /> met een class
- gebruik anchors voor je navigatie, dus geen <div onclick="" />, maar <a href="#" onclick="" />
- maak in je css gebruik van subselectors, dus

code:

<style>
#imgContainer{
   /* je stijl */
}

#imgContainer div{

}

#imgContainer div img
</style>

<div id="imgContainer">
  <div><img /></div>
</div>

Ah okee, zit wat in, maar zou het vreemde gedrag natuurlijk mogen verklaren, toch?

Verwijderd schreef op 11 juli 2004 @ 15:13:
Ik ben geneigd om de vinger richting Microsoft te wijzen. Het lijkt mij inderdaad een bug, het is wel eenvoudig op te lossen met wat JavaScript code.
Gewoon een functie maken die de body node selecteert en daarna weer de-selecteert.

Hmm.. dit vind ik 'n te vieze oplossing, dan maar iets in de css veranderen.

André schreef op 11 juli 2004 @ 15:13:
Als ik in div#content de background-color: #ffffff; weghaal gaat alles goed. Het lijkt er dus op dat IE de achtergrond kleur over de tekst heen rendert.

Dan ga ik hier eens even mee spelen ja.

Dank jullie wel...

[Dr_Frickin_Evil]

Ik heb het ook ooit gehad, had toen iets te maken met 'floatende' divs die ik gebruikte. Hoe ik dat heb opgelost weet ik niet precies.

[Limhes]

De background-color weghalen in de div#content lost het probleem inderdaad op.
Dankjewel

Heb trouwens ook de html-verbeteringen in acht genomen, met het doel ooit fatsoenlijk html/css te kunnen schrijven (nog niet te zien, aangezien ik lokaal test)