[CSS] Vreemd verschijnsel / verdwijning in IE*

[jverdeyen]

Hoi,

Ik ben bezig aan de opmaak van een website, nadat alle code geschreven is.
Nu zit ik met het volgende probleem.
Waneer ik bepaalde tekst gewoon ingeef om weer te geven op een pagina gebeurd dit perfect in firefox, maar in I.E gebeurd er iets vreemds. De tekst wordt niet weergegeven, maar als je deze selecteerd staat ie er wel, en dan de selectie weer wegdoet blijft het ook staan.
Ook als je het browser venster even min. en dan weer max. staat de tekst er wel.
Iemand een idee hoe dit probleem kan opgelost worden of een oorzaak.
Ik heb het al op men 2 laptops getest, en op beide doet ie het zo
Hieronder een kleine afbeelding met één van de voorbeelden.
Het doet zich voor op meerdere pagina's, opmerkelijk is, dat tekst in div's dit niet heeft.

[crisp]

Klinkt als de beruchte Peekaboo bug

[DoubleJ]

Ik denk dat je beter geholpen kunt worden wanneer je de betreffende CSS en HTML code met ons deelt.

*leest crips reactie* ... of toch niet..

[ Voor 25% gewijzigd door DoubleJ op 26-06-2006 14:24 ]

[BtM909]

Wil je voortaan ook relevante code of een verkorte testcase weergeven. Gelukkig is dit probleem snel te achterhalen (Peekaboo bug), maar alleen maar oordelen op een plaatje werkt ook niet altijd

[ Voor 4% gewijzigd door BtM909 op 26-06-2006 14:25 ]

[jverdeyen]

PHP:

body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #51c845;
    text-align: center;
}
h3 {
    font-size: 12px;
    font-weight: bold;
}
h4 {
    font-size: 10px;
    font-weight: bold;
}   
form {
    margin: 0 0 0 0;
}
    
#container
{
    margin: 0 auto; 
    width: 660px;
    position:relative;
}
#header{
    width: inherit;
    height: 100px;
    background-image:url(images/header.gif);
}
#nav {
    float: left;
    width: 160px;
    margin-left: 0px;
    margin:0; padding:0;
}
#middle {
    background-image:url(images/content.gif);
}
    
#content {
    margin: 0 0 0 160px;
    text-align:left;
    padding-left: 10px;
    padding-right: 5px;
}

#paginatitel {
    height: 30px;
    width: 480px;
    background-position:right;
    background-repeat:no-repeat;
}   
#info { 
    height: 25px;
    margin-left:auto;
    margin-right:auto;
    width:450px;
    background: url(images/info.gif);
}   
#info_text {
    padding-left: 37px;
    padding-top: 6px;
}   
        
#footer{
    margin: 0 0 0 160px;
    height: 20px;
    background-image:url(images/footer.gif);
    clear: both;
}

dit is een deel van de css

[BtM909]

Welk deel begreep je niet van relevant Begin eerst maar eens het linkje van crisp te bekijken en gebruik voor css gewoon de [plain]

Cascading Stylesheet:

[/] tags