Ie ou firefox ?

Je fais des tests avec dotclear..J'ai donc installé le thème sur le site en principal..

Mon centrage tout est correct sous ie, alors que sous firefox...est à gauche...alors que je n'ai rien touché au niveau du centrage..

Ou puis-je corriger pour que le site soit correct sur les deux navigateurs ?

http://www.medrano.ch

'soir,

Peux tu nous copier le début du code css qui se rapporte a cette page ? =)

Ca nous aidera a t'aider

quelle page, index.php ? ou les différents codes css...car dans l'exemple, il y a un syte.css mais aussi un layout.css qui est imbriqué dans le style.css ?

@import "layout.css";
/* @import "layout-gauche.css"; */

/* Les éléments HTML en général
*******************************************************************************/
body{
color: #000;
font-size: 80%;
line-height: 1.6em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #f8c49c;
margin: auto;
}

h1, h2, h3, h4, h5, h6{
font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
font-size: 1.2em;
}

pre{
width: 100%;
overflow: auto;
border: 1px solid #CCC;
}

html>body pre {
overflow: auto;
width: auto;
}

fieldset{
border: none;
}


.field label{
display: block;
}

input{
border: 1px solid #999;
}

textarea{
width: 100%;
font-size: 1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
color: #000;
}

a:visited{
color: #663;
}

a:hover{
color: #636;
}

.left{
float: left;
margin-right: 1em;
}

.right{
float: right;
margin-left: 1em;
}

/* La page
*******************************************************************************/
#page{
color: inherit;
background-color: #fff;
background-image: none;
background-repeat: no-repeat;
background-position: center top;
}

/* L'entête
*******************************************************************************/
#top{
height: 150px;
background-image: url(img/menu.jpg);

}



/* Le contenu
*******************************************************************************/
.day-date{
color: #FFFFFF;
font-style: italic;
padding-left:320px;
background-color: #b3a1af;
}

.post-title{
color: #000000;
margin-bottom: 0;
background: transparent;

}

.post-title a{
color: #000000;
background: transparent;
text-decoration: none;
}

.post-info{
margin-top: 0;
color: #FA0;
background: transparent;
padding-bottom: 1ex;
/*border-bottom: 1px solid #FC0;*/
}

.post-info a{
color: #FA0;
background: transparent;
text-decoration: none;
}

.post-content{
text-align: justify;
}

.post-content blockquote{
font-family: Georgia, serif;
font-style: italic;
}

.post-info-co{
text-align: right;
}

#trackbacks blockquote, #comments blockquote{
margin: 1em 0;
padding: 1ex 1em;
background-color: #FFFFFF;

}

/* La barre de navigation
*******************************************************************************/
#sidebar div{
color: inherit;
background-color: #f8c49c;
}

#sidebar div ul{
margin: 0;
padding: 0;
list-style: none;
}

#sidebar h2, #sidebar h3{
color: #805965;
margin: 0 0 1ex 0;
}

#sidebar h3{
font-size: 1em;
margin: 0;
}

#sidebar div#search{
background: transparent;
color: inherit;
line-height: 2.3em;
background-color: #f8c49c;
}

#search fieldset, #search p{
margin: 0;
padding: 0;
}

#q{
padding-left: 18px;
background: #fff url(img/q.png) no-repeat 4px center;
}

#sidebar div#calendar{
/*border-top: 1px solid #F0F0F0;*/
}

#sidebar div#calendar table{
font-size: 0.8em;
text-align: center;
margin: 0 auto;
border-collapse: collapse;
}

#sidebar div#calendar table caption{
margin: 0 auto;
}

#sidebar div#calendar table th{
color: #493;
background: transparent;
}

#sidebar div#calendar table td{
width: 14%;
line-height: 2em;
border: 1px solid #EEE;
}

#sidebar div#calendar table td a{
display: block;
background: #EFA;
color: #493;
font-weight: bold;
text-decoration: none;
}

#sidebar div#calendar table td a:hover{
background: #DBB8DC;
color: #636;
}

/* Le pied de page
*******************************************************************************/
#footer{
margin: 0;
border-top: 1px solid #CCC;
background: #EEE;
color: #666;
}
nunuche....je ne sais pas lire...ca c'est la partie style.css

est-ce que je ne dois pas changer...sous "la page"...et mettre margin: auto ?

Et que veut-dire déjà inherit...je commence à me mélanger les pinceaux...et mon anglais...c'est bien endormi ?
ou alors c'est sous "body" ?

Bonjour,
C'est pas dans mes habitudes de donner des réponses toutes faites mais là ça me démengeais...

/* La page
************************************************/
#page{

        [b]margin:0 auto;[/b]

	color: inherit;
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}
 

Pour la valeur Inherit, tu peux interroger notre navigateur monopolistique

ok merci, je vais essayer...

si je comprends bien...en fait, je dois mettre les deux possibiités 0 et auto..
Alors que dans ie, qu'on mette 0 ou seulement auto ca suffirait...

il est vrai pour une novice comme moi.....rien n'est évident...et moi j'aurais pas penser ainsi....

Je pense que ta page ne se mettra au centre que si tu donnes une largeur à ta #page. A moins de me tromper...