Probléme d'affichage sous ie

Fermé
sisi - 23 mars 2010 à 13:41
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 - 23 mars 2010 à 22:56
Bonjour à tous,
voila je suis en train de créer un site web l'affichage sous firefox est trés bien sous ie mon site est décalé la partie de droite s'affiche sous la partie gauche voici mon fichier css

* {
margin: ;
padding:;
}


body {
margin-top: 40px;
background: #222135;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;

}

h1, h2, h3 {
color: #FFFFFF;
}
h1 {
}

h2 {

}

h3 {
}




.plus p:hover {
text-decoration: none;
color:#222135;

}



ul, ol, li {
margin: 0px;
padding: 0px;
list-style: none;
}
a {
text-decoration: underline;
color:#516083 ;
}
a:hover {
text-decoration: none;
color: #838383;
}

/*global */

#global {
width: 1024px;
margin: auto;
background-color:#2b324b;

}
/* left */

#left {
float:left;

}

/* Logo */

#logo {
margin-left:15px;
margin-top:20px;
margin-bottom:15px;
padding:2px;

}


/* sidebar */

#sidebar {
width:200px;
height: 550px;
margin-left:15px;
margin-top:100px;
margin-bottom:15px;
padding:10px;
background:#516083;

}

/* Search */

}
#search {
height: 90px;
margin: 0 auto;
padding: 0px 0px 30px 0px;

}



/* right */


#right {
float:left;

}


#icone li {
display: block;
float: left;
margin-right:2em;
padding:18px 18px 0px 0px;
text-decoration: none;
text-align: center;

}


#menu {


}
#menu ul {
margin:40px;
padding: 20px 0 0 0;
list-style: none;
line-height: normal;
margin-left: 100px;

}
#menu li {
display: inline;
text-align: center;
}
#menu a {
display: block;
float: left;
margin-right: 10px;
padding:5px 20px 5px 20px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-size: 15px;
font-weight: normal;
color: #FFF;
}
#menu a:hover, #menu .active a {
background:#07B6FE;
color: #FFFFFF;
}


#photo {
float: right;
width: 774px;
height:220px;
padding-top:;
margin-top:20px;
}



/* Bloc */



#bloc {
;

}
#bloc .post {
margin-left:0px;
margin-right:0px;
background-color:#F2F1EF;
padding:10px;
}
/* Content */

#content .post {
float: left;
margin-left:5px;
background-color:#667699;
padding:10px;
}
.post {
width:230px;

margin: 164px;


}
.post .title {
margin: 0px;
padding: 0px 0px 10px 0px;
color: #232F01;

}
.post .title a {
padding: 4px 35px 4px 15px;
background: #667699;
text-decoration: none;
font-weight: normal;
color: #FFFFFF;

}
.post .title a:hover {
text-decoration: none;
color:#222135;
font-weight: normal;
font-size: 22px;
}


.post .entry {
margin-left:5px;
margin-right:0px;
padding:0px 0px 0px 0px;
color: #FFFFFF;
float: left;
width: 230px;
height: 100px;
margin: 0;
padding: 0px 0px 0px 0px;

}
.entry {
text-align:justify;
}
.plus p{
text-align:right;
text-decoration:underline;
color:#FFF;
}


.post img {
width: 230px;
height: 150px;
}


#footer {
width: 1024px;
margin: auto;
text-align: center;


}

2 réponses

c'est vrai il existe parfois des différences énorme entre les navigateurs.

Le meilleur moyens de les résoudre est je pense d'adapter ta css.

des fois une simple erreur dans le code décale tout.

Il faut que tu essaie sous plusieurs navigateur quand tes fichiers sont en local pour modifier correctement tes dispositions.

perso: j'ai eu du mal a comprendre ta css. Il y a des choses pas pertinente pour moi
comme * ou les h
pourquoi les déclarer ensemble puis séparément???

bon courage..
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 23/03/2010 à 17:39
* est un joker, h1, h2, h3 etc. sont des titres.
C'est très pertinent au contraire ;)

Et les déclarer ensemble permet de leur attribuer des propriétés communes sans avoir à les répéter pour chaque. Mais tout de même les différencier dans chaque déclaration propres. Enfin, sauf que là c'est vide !
0
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 113
23 mars 2010 à 22:56
Peut-on avoir l'URL ?
Ou alors mettre ton code dans la balise prévu à ce cas ! J'ai mal aux yeux. ;)
0