[Padchi]

Hejsan,
Har nog stött på ett av de lustigaste problemen som jag har varit med om.
Jag har en vanlig <h1> med ingen speciell CSS förtom det här:
h1 {
font: bold 24px georgia, arial; color: #474747;
padding: 0;
margin: 0;
letter-spacing: -1px;
}

Och den vanliga texten sätts i Body tagen. Inget speciellt med det.
Nu till problemet, när jag går in på min sida i IE så försvinner texten, alltså både <h1> och den vanliga texten blir vit, men om jag markerar texten eller scrollar ner och sen upp igen så är texten där. Vad är det för fel?

Lite svårt att förklara kolla själv på http://www.llife.se/

Tack på förhand.

[Anders Larsson]

Jag vet inte om det är relevant för dig, men om du har texten i en div se till att det finns en bredd satt på denna div.

[Padchi]

Sidan är förkortat uppbyggd såhär:
<div style="width: 200px;">
<div style="width: 100%"></div>
<div style="width: 100%">
<h1>Text<h1>
Text
</div>
<div style="width: 100%"></div>
</div>
Så jag har alltså width på alla divs. Någon som har något mer förslag på vad som kan vara fel?

[znap]

Den här buggen har jag också varit med om. Lyckades aldrig få fram något svar om vad som triggar det hela. Själv så upplevde jag det som att css-attributet clear orsakade det hela. Jag hade alltså rätt så mycket flytande element som jag clearade till höger och vänster, minskade jag antalet clear så löste sig buggen som jag kommer ihåg det

[Padchi]

Du kan ha rätt i det du säger, men problemet är att det bara är diven som har allt i sig (den som är 200px bred) som har float i sig. iof så har jag minst 2 styckna sånna divvar på varje sida. Men jag har märkt att texten blir osynlig oavsett om det är 2 eller 5 styckna. Det är också så att texten inte är osynlig på alla sidor. Utan bara på en del. Och på vissa så kan ett stycke vara osynligt medans en annan syns.

[znap]

hehe det är en nedrig bugg. Men används mycket clear? Det var som sagt när jag ändrade så att jag slapp att cleara som buggen avlägsnade sig, jag tror inte att det har att göra med float i sig. Nu har jag som sagt ingen lösning på det hela, kan endast dela med mig av min erfarenhet av problemet

[godo.se]

En inte allt för okänd bug =)
http://www.positioniseverything.net/.../peekaboo.html

[martine]

Det är som sagt en ganska välkänd bugg som särskilt uppträder om man har mycket bakgrundsfärger bland annat. För att slippa det måste man få elementet att "ha layout" i IE6 (ett eget påhitt av MS, kan kontrolleras med hasLayout(); med js). En enkel lösning är att sätta height: 1% på det drabbade elementet enbart i IE6 (IE6 ignorerar fullständigt height om inte allt får plats vilket betyder att det är detsamma som att sätta height: auto i andra webläsare).

[Padchi]

Tack så mycket för svaren.
Har däremot märkt att det blir samma problem i IE 7 ska jag sätta height: 1%; om det är den webbläsaren också?