[IE8] vreemde renderfouten verdwijnen na refresh of switch

[Mr_Kite]

Hoewel ik in de eerste instantie dacht dat het ging om een fout in de css, begin ik daar nu aan te twijfelen.

Ik heb twee pagina's 1 & 2 met vergelijkbare problemen in IE8.0.6001.18702 onder WinXP SP3:

Bij initiele laden van de pagina renderen deze als volgt:


_{let op de bullet points naast de afbeelding die daar niet horen}

wanneer ik op refresh druk, zijn beide problemen verdwenen! vreemder nog, wanneer ik van tab of zelfs programma switch (alt tab en terug), zijn de problemen ook weg. ik heb een beetje geprobeerd te googlen op dit onderwerp, maar met deze voodoo kan ik heel weinig.



allereerst de vraag of anderen dit kunnen reproduceren, en zo ja, kan ik hier iets aan doen?

[T-MOB]

Het lijkt me een hasLayout-probleempje. Als je de breedte van je #main opgeeft (of zoom:1 aan de CSS van dat element toevoegt) trigger je deze toestand in IE en dan ben je er als het goed is vanaf.

[Mr_Kite]

thanks! Daarmee was het probleem met het blog meteen opgelost, maar voor de wiki zie ik niet zo snel in welk element ik moet zijn... in de betreffende ul of li is het niet iig, en om nu aan alle elementen een zoom toe te voegen...

is er een methode om te achterhalen welke elementen geen hasLayout = true hebben?
met de javascript methode lukt het mij niet om de juiste elementen te pakken te krijgen...

edit 17/4:
Lijkt opgelost met een list-style-image: none in de ul. Waar hij die vandaan haalde mag Joost weten...

[ Voor 44% gewijzigd door Mr_Kite op 17-04-2011 11:25 ]

[T-MOB]

Mr_Kite schreef op zaterdag 16 april 2011 @ 14:34:
thanks! Daarmee was het probleem met het blog meteen opgelost, maar voor de wiki zie ik niet zo snel in welk element ik moet zijn... in de betreffende ul of li is het niet iig, en om nu aan alle elementen een zoom toe te voegen...

Ah, ik zie nu pas dat je twee problemen had .

is er een methode om te achterhalen welke elementen geen hasLayout = true hebben?
met de javascript methode lukt het mij niet om de juiste elementen te pakken te krijgen...

In de developer toolbar van IE kun je volgens mij gewoon zien welke elementen hasLayout hebben. Dat vereist wel dat je een idee hebt van de "verdachte" elementen. De pagina waar je zelf naar linkt geeft wel een aardig overzicht van hoe layout in IE in elkaar zit. Als je vaker met HTML/CSS aan de slag gaat is het wel de moeite waard om je er een beetje in te verdiepen omdat het je een hoop frustratie scheelt als je weet hoe het zit.