Mon CSS ne différencie pas IE à mozilla

Fermé
Flibouk - 17 juin 2008 à 10:57
 Flibouk - 17 juin 2008 à 11:35
Bonjour,

ci joint mon css mais j'arrive pas faire la différence entre internet explorer et mozilla et je comprend pas pourquoi.

merci pour votre aide




<!--[if !IE]>--><style type="text/css">

html, body {
margin:0;
height: 100%;
}

*
{

font-style: normal;

}




.contenu {
height: 100%;

}

.menu {
background-image:url(3.jpg);
float: left;
width:258px;
height:453px;
}
.centre {
position : center;
margin-left: 10px;
float : center;

}

.blocnews {
margin-left: 926px ;
margin-top:-230px;
width:55px;
height:481px;
background-image:url(image_013.jpg);
}


.pied {
position : center;
margin-left:257px;
margin-top:780px;
width:675px;
height: 69px;
background-color:#BEDEC7;
}

</style><!--<![endif]-->


<style type="text/css">
<!--
html, body {
margin:0;
height: 100%;
}

*
{

font-style: normal;

}




.contenu {
height: 100%;

}

.menu {
background-image:url(3.jpg);
float: left;
width:258px;
height:453px;
}
.centre {
position : center;
margin-left: 10px;
float : center;

}

.blocnews {
margin-left: 926px ;
margin-top:-230px;
width:55px;
height:481px;
background-image:url(image_013.jpg);
}


.pied {
position : center;
margin-left:257px;
margin-top:1200px;
width:675px;
height: 69px;
background-color:#BEDEC7;
}
-->
</style>







merci
A voir également:

5 réponses

Tiller Messages postés 781 Date d'inscription mercredi 4 juillet 2007 Statut Membre Dernière intervention 14 septembre 2008 210
17 juin 2008 à 11:02
Bah, il faut que tu inverses, tu met le <!-- if ie--><style....</style><!--.--> Après l'autre, car vu que IE lis le deuxieme, il efface le premier ;o
0
ok comme ca : mais ca marche toujours pas

<style type="text/css">

<!--


html, body {
margin:0;
height: 100%;
}

*
{

font-style: normal;

}




.contenu {
height: 100%;

}

.menu {
background-image:url(3.jpg);
float: left;
width:258px;
height:453px;
}
.centre {
position : center;
margin-left: 10px;
float : center;

}

.blocnews {
margin-left: 926px ;
margin-top:-230px;
width:55px;
height:481px;
background-image:url(image_013.jpg);
}


.pied {
position : center;
margin-left:257px;
margin-top:1200px;
width:675px;
height: 69px;
background-color:#BEDEC7;
}
-->
</style>






<!--[if !IE]>--><style type="text/css">

html, body {
margin:0;
height: 100%;
}

*
{

font-style: normal;

}




.contenu {
height: 100%;

}

.menu {
background-image:url(3.jpg);
float: left;
width:258px;
height:453px;
}
.centre {
position : center;
margin-left: 10px;
float : center;

}

.blocnews {
margin-left: 926px ;
margin-top:-230px;
width:55px;
height:481px;
background-image:url(image_013.jpg);
}


.pied {
position : center;
margin-left:257px;
margin-top:780px;
width:675px;
height: 69px;
background-color:#BEDEC7;
}

</style><!--<![endif]-->
0
Tiller Messages postés 781 Date d'inscription mercredi 4 juillet 2007 Statut Membre Dernière intervention 14 septembre 2008 210
17 juin 2008 à 11:12
Huum, deja si je lis bien ton CSS, y'a que le margin-top de la class "pied" qui varie, donc tu alourdis énormement ton code, vu que tu remet les trucs en deux fois.

html, body {
margin:0;
height: 100%;
}

*
{

font-style: normal;

}




.contenu {
height: 100%;

}

.menu {
background-image:url(3.jpg);
float: left;
width:258px;
height:453px;
}
.centre {
position : center;
margin-left: 10px;
float : center;

}

.blocnews {
margin-left: 926px ;
margin-top:-230px;
width:55px;
height:481px;
background-image:url(image_013.jpg);
}


.pied {
position : center;
margin-left:257px;
margin-top:1200px !important;
margin-top:780px
width:675px;
height: 69px;
background-color:#BEDEC7;
} 
0
ba oui c'est le but d'avoir une différence entre IE et mozilla car il lise pas la meme chose alors si je met la meme valeur dans margin-top de la class "pied" j'ai un décalage entre mozilla et IE d'où le but de les différencier.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Ca ne marche pas non plus ce que tu m'as donnée et on dirait que mozilla aussi lis le 2eme.
0