[CSS] Problème e compatibilité IE 7

Version imprimable

Bonjour,

Voila j'ai cette classe CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
#maclasse {
    position:       absolute;
    top:            106px;
    left:           0;
    display:        block;
    width:          30px;
    height:         20px;
    text-indent:    -100em;
    overflow:       hidden;
    text-decoration:none;
}

Mon problème est le suivant mon block est visible sous FF et IE6 mais sous IE7 impossible de voir ce block...

Avez vous une solution?

Merci.

20/06/2007, 10h51
Dan_A

Avec un lien vers la page qui pose problème, peut-être.
20/06/2007, 10h54
Oluha

c'est peut être un problème de z-index ?

Je n'ai pas de lien à vous proposer car ce n'est pas en ligne...

je vous propose ceci:

CSS:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 #maclasse { position: absolute; top: 106px; left: 0; display: block; width: 30px; height: 20px; text-indent: -100em; overflow: hidden; text-decoration:none; }
HTML:
Code:

1 2 <a id="maclasse" href="http://www.site.fr/" title="Version française">Version française</a>
En gros je fais un lien sur une image de fond afin de ne pas la découper...

J'ai songé aussi au z-index mais pourquoi ce dernier fonctionne sous FF et IE6 et pas IE7...

Merci de l'intéret que vous portez à cette question.

20/06/2007, 11h29
M1000

Voici la solution que j'ai adopté,

J'ai rajouter un z-index à 600 puis j'ai mis un backgroud de la taille de mon block qui est un gif transparent...

Merci de vos réponses.
20/06/2007, 11h46
Oluha

la prochaine fois pense à cliquer sur le bouton "résolu"