[CSS] un !important qui ne joue pas son rôle

[NyTrO]

Salut !

J'ai un problème avec mon css et plus particulièrement avec le !important.

Voici mon code :

/* on positionne notre infobulle */
   top:-160px !important; /* Pour FireFox */
   top:-110px; /* Pour IE */

	left:-240px !important; /* Pour FireFox */
	left:-200px; /* Pour IE */
	width:734px;

Toutes les valeurs correspondant affichent le résultat sur son navigateur tel qu'il est souhaité et ce si j'affiche de façon séparé. Avec ce code sous FF, c'est bon mais pas sous IE.

D'où peu venir le problème ?

Merci d'avance ^^

 

[petit-ourson]

Tu utilises quelle version de IE ?

 

[NyTrO]

La version 7

EDIT : En faite je viens de tester sous IE 6, et là ça marche, alors comment dois-je m'y prendre pour que ça fonctionne également sous la version 7

 

[bproductiv]

en mettant des commentaires conditionnels

 

[NyTrO]

C'est seulement sous IE 7 que ça ne va pas et je viens de regarder pour les commentaires conditionnels, y a rien qui touche uniquement à IE 7

ou ça ça marche <!--[if IE 7]> pour IE 7.0 <![endif]--> ?

 

[bproductiv]

ca marche ..comme tu dis

 

[NyTrO]

Dans ce code :

<li>
        <a
onmouseover="document.forum.src='_design/img/v2/icone_forum_1.png'" 
onmouseout="document.forum.src='_design/img/v2/icone_forum_2.png'" 
href="forum/forum.html" class="icone_forum" ><img src="_design/img/v2/icone_forum_2.png"  name=forum alt="Communiquez avec les autres" width="59" height="57" class="icone_forums"><span><p>Communiquez avec les autres</p>
<p>Internet-Facile met à votre disposition un forum afin que vous puissez dialoguer avec le reste de la communauté.<br/>
Vous y retrouverez l'ensemble des news, différentes aides en cas de problèmes, mais c'est également un endroit pour décompresser grâce à la catégorie Blabla.</p></span></a></li>

, où dois je mettre la condition car ça ne change rein au résultat

Merci d'avance

 

[bproductiv]

le mieux est de le mettre dans le header et faire appel a une feuille de style spéciale ie7 (avec juste les 2-3 choses spécifique le reste etant definit dans la feuille communes a tout les navigateurs modernes)

 

[NyTrO]

Bon j'ai fait comme t'as dis de le mettre dans le header.

Je peux tout faire IE 7 prends en compte (par exemple si je met un bacground rouge il sera rouge que sur IE 7).

Par contre pas moyen de le faire bouger de place, il n'a pas l'air d'accepter le négatif

 

[Leonick]

Par contre pas moyen de le faire bouger de place, il n'a pas l'air d'accepter le négatif

c'est ce que j'avais remarqué : IE7 n'accepte pas les marges hautes négatives :cry:

 

[NyTrO]

J'ai réussi à régler mon problème
En faites il gère bien le négatif, le problème venait du top:...; et left:...;

Je n'ai eu qu'à rajouter un petit margin avec les deux et IE prenait le code en compte

En tous cas merci pour votre aide notament bproductiv :wink: