Mise en forme pour opéra

bonjour,

Je suis en train de tester mon site internet sur les différents navigateurs du marché. j'ai toutefois un problème avec opéra 11 sur une petite partie de mon CSS.

Ma classe est interprétée convenablement sur les autres navigateurs, or sur opéra, la mise en forme reste basique, il n’interprète pas les margins. Ainsi comment puis-je fais évoluer mon hack pour que celui-ci soit interprété par opera?

.mycontent {
position: relative;
height:100px;
padding-left : 10px ;
margin-top : -200px !important!; /*ie7*/
margin-top : -218px; /*autre navigateur*/
color : #fff;
}

Par avance merci,

Renard

personne n'a d'idées?

Salut,

Tu déclares deux déclarations CSS à la suite pour margin-top, la première comportant le mot-clé !important (et qui ne sera pas annulée par la seconde et sera donc appliquée sous tous les navigateurs, y compris Opera).

Si ta première déclaration margin-top ne cible qu'IE 7, utilise les commentaires conditionnels. Autrement dit, on aura ceci :

<!-- Appel des feuilles de style -->
<link rel="stylesheet" href="screen.css" type="text/css" />
<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->

dans la feuille de style pour tous navigateurs :

.mycontent { 
  position: relative; 
  height: 100px; 
  padding-left: 10px;
  margin-top: -218px;
  color: #fff; 
}

et dans la feuille de style pour IE 7 :

.mycontent { 
  margin-top: -200px;
}
/* On n'indique que les correctifs nécessaires */

Modifié par Victor BRITO (23 Feb 2011 - 18:22)