A voir également:
- Mon CSS ne différencie pas IE à mozilla
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Mozilla thunderbird - Télécharger - Mail
- Télécharger mozilla firefox - Télécharger - Navigateurs
- Ie tab - Télécharger - Outils pour navigateurs
- Retour à la ligne css - Forum CSS
5 réponses
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
211
17 juin 2008 à 11:02
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
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]-->
<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]-->
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
211
17 juin 2008 à 11:12
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;
}
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question