Probleme de compatibilité css avec ie8
Résolu
djax450
Messages postés
11
Statut
Membre
-
avion-f16 Messages postés 20367 Statut Contributeur -
avion-f16 Messages postés 20367 Statut Contributeur -
Bonjour,
je suis entrin de creer un blog , jai un probleme avec le css
sous firefox sa fonctionne bien mais sous ie8 le cade centrale va vers le menu droit.
besoin d'aide svp merci
voila mon code css cadre centrale
/* cadre du conteneur */
.cadrecentrale {
width:470px;
border:1px solid #D5F4FF;
background-color:#B8BCBC;
margin:10px;
padding:5px;
margin-left:159px;
margin-right:100px;
}
je suis entrin de creer un blog , jai un probleme avec le css
sous firefox sa fonctionne bien mais sous ie8 le cade centrale va vers le menu droit.
besoin d'aide svp merci
voila mon code css cadre centrale
/* cadre du conteneur */
.cadrecentrale {
width:470px;
border:1px solid #D5F4FF;
background-color:#B8BCBC;
margin:10px;
padding:5px;
margin-left:159px;
margin-right:100px;
}
A voir également:
- Probleme de compatibilité css avec ie8
- Compatibilite windows 11 - Guide
- Ie8 - Télécharger - Navigateurs
- Pack compatibilité office 2003 - Télécharger - Bureautique
- Macos 14 compatibilité - Accueil - MacOS
- Watchos 9 compatibilité - Guide
3 réponses
voici mon code css.
/* cadre du conteneur */
.cadrecentrale {
width:470px;
border:1px solid #D5F4FF;
background-color:#B8BCBC;
margin:10px;
padding:5px;
margin-left:159px;
margin-right:100px;
}
.cadrecentrale h1{
color:#FFF;
font-size: 15px;
border: 0px solid #0072A1;
background:#0072A1 url(../images/corp-central.png) repeat-x;
right:50px;
margin:5px;
padding:5px;
text-align:center;
}
/*Menu de droite*/
.cadredumenudroite {
float:right;
text-align:left;
width:140px;
background-color:#B8BCBC;
border-left:1px solid #D5F4FF;
color:#666666;
margin:5px;
padding:5px;
}
.cadredumenudroite h1{
color:#FFF;
font-size: 15px;
border: 1px solid #0072A1;
background: #B8BCBC url(../images/menu_droite.png) repeat-x;
margin:5px;
padding:5px;
text-align:center;
}
/* cadre du cadredumenugauche */
.cadredumenugauche {
float:left;
text-align:left;
width:140px;
background-color:#B8BCBC;
border-right:1px solid #D5F4FF;
color:#666666;
margin:5px;
padding:5px;
}
.cadredumenugauche h1{
color:#FFF;
font-size: 15px;
border: 1px solid #0072A1;
background: #B8BCBC url(../images/menu_gauche.png) repeat-x;
margin:5px;
padding:5px;
text-align:center;
}
#cadrehaut h1{
margin:5px;
padding:40px;
color:#B8BCBC;
font-size: 40px;
position:absolute;
border:none;
}
/*Couleur des liens*/
a {color : #FF0096; text-decoration:none;}
a:hover {color : #FF0096; text-decoration:underline;}
/*on enlève les bordures aux images*/
img {border:none;}
body {
background: #000000 url(bg-body.jpg) left top repeat-x;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto;
height:0px;
}
/*Pied de page*/
.footer {
color:#669900;
margin:5px;
padding:5px;
height:50px;
width:700px;
border:solid 1px #0072A1;
background-color:#B8BCBC;
background-repeat : repeat-y;
}
/*Header*/
#header {
height:52px;
width:1000x;
margin:17px;
background: #B8BCBC url(../images/header.png)
}
/*Lien du menu*/
a.menu {
display : block;
text-decoration : none;
color : #0072A1;
}
a.menu:hover {
display : block;
background : #D5F4FF;
text-decoration : none;
color : #0072A1;
}
/*Conteneur --- On applique un overflow:auto pour éviter que le menu qui est en float sorte du cadre*/
#moncadre {
width:800px;
margin: 0px auto;
border:solid 0px #0072A1;
overflow:auto;
}
/*Titre*/
h1 {color:#0072A1;font-size: 25px;border-bottom: 1px solid #0072A1;}
h2 {color:#669900;font-size: 20px; border-bottom: 1px solid #669900;}
/*liste*/
ul{
list-style-type: none;
padding: 5px;
}
/*************Décoration*******************/
/* cadre du conteneur */
.cadrecentrale {
width:470px;
border:1px solid #D5F4FF;
background-color:#B8BCBC;
margin:10px;
padding:5px;
margin-left:159px;
margin-right:100px;
}
.cadrecentrale h1{
color:#FFF;
font-size: 15px;
border: 0px solid #0072A1;
background:#0072A1 url(../images/corp-central.png) repeat-x;
right:50px;
margin:5px;
padding:5px;
text-align:center;
}
/*Menu de droite*/
.cadredumenudroite {
float:right;
text-align:left;
width:140px;
background-color:#B8BCBC;
border-left:1px solid #D5F4FF;
color:#666666;
margin:5px;
padding:5px;
}
.cadredumenudroite h1{
color:#FFF;
font-size: 15px;
border: 1px solid #0072A1;
background: #B8BCBC url(../images/menu_droite.png) repeat-x;
margin:5px;
padding:5px;
text-align:center;
}
/* cadre du cadredumenugauche */
.cadredumenugauche {
float:left;
text-align:left;
width:140px;
background-color:#B8BCBC;
border-right:1px solid #D5F4FF;
color:#666666;
margin:5px;
padding:5px;
}
.cadredumenugauche h1{
color:#FFF;
font-size: 15px;
border: 1px solid #0072A1;
background: #B8BCBC url(../images/menu_gauche.png) repeat-x;
margin:5px;
padding:5px;
text-align:center;
}
#cadrehaut h1{
margin:5px;
padding:40px;
color:#B8BCBC;
font-size: 40px;
position:absolute;
border:none;
}
/*Couleur des liens*/
a {color : #FF0096; text-decoration:none;}
a:hover {color : #FF0096; text-decoration:underline;}
/*on enlève les bordures aux images*/
img {border:none;}
body {
background: #000000 url(bg-body.jpg) left top repeat-x;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto;
height:0px;
}
/*Pied de page*/
.footer {
color:#669900;
margin:5px;
padding:5px;
height:50px;
width:700px;
border:solid 1px #0072A1;
background-color:#B8BCBC;
background-repeat : repeat-y;
}
/*Header*/
#header {
height:52px;
width:1000x;
margin:17px;
background: #B8BCBC url(../images/header.png)
}
/*Lien du menu*/
a.menu {
display : block;
text-decoration : none;
color : #0072A1;
}
a.menu:hover {
display : block;
background : #D5F4FF;
text-decoration : none;
color : #0072A1;
}
/*Conteneur --- On applique un overflow:auto pour éviter que le menu qui est en float sorte du cadre*/
#moncadre {
width:800px;
margin: 0px auto;
border:solid 0px #0072A1;
overflow:auto;
}
/*Titre*/
h1 {color:#0072A1;font-size: 25px;border-bottom: 1px solid #0072A1;}
h2 {color:#669900;font-size: 20px; border-bottom: 1px solid #669900;}
/*liste*/
ul{
list-style-type: none;
padding: 5px;
}
/*************Décoration*******************/
