Mon CSS ne différencie pas IE à mozilla

Flibouk - Dernière réponse le 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
<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>
<style type="text/css">

</style>
merci

Mon CSS ne différencie pas IE à mozilla »

Suggestions

Mon CSS ne différencie pas IE à mozilla
HTML CSS Div déroulant sous IE et Mozilla » Forum
Pb CSS IE et mozilla (Résolu) » Forum
Css IE et Mozilla (Résolu) » Forum
Problème css entre IE et mozilla » Forum
Télécharger IETab » Télécharger

Plus

Réponse

Tiller 788Messages postés 4 juillet 2007Date d'inscription 17 juin 2008 à 11:02

Bah, il faut que tu inverses, tu met le <style....</style> Après l'autre, car vu que IE lis le deuxieme, il efface le premier ;o

Ajouter un commentaire - Site web

Réponse

Flibouk 17 juin 2008 à 11:10

ok comme ca : mais ca marche toujours pas

<style type="text/css">


</style>

<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>

Ajouter un commentaire

Réponse

Tiller 788Messages postés 4 juillet 2007Date d'inscription 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;
}

Ajouter un commentaire - Site web

Réponse

Flibouk 17 juin 2008 à 11:16

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.

Ajouter un commentaire

Réponse

Flibouk 17 juin 2008 à 11:35

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

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Mon CSS ne différencie pas IE à mozilla

Mon CSS ne différencie pas IE à mozilla »

Passage au tout numérique : quel coût pour les particuliers ?