Problème de cadrage et/ou compatibilité Firefox IE

Bonjour à tous !

Je viens de mettre en ligne le site web http://www.beauteinterieure.net

D'après ma cliente, la cadrage n'est pas bon et les éléments sont déplacés.

De mon côté, j'ai une interface cohérente sur mon PC avec Firefox 3, IE8 et windows 7.

Pouvez-vous tester celle-ci afin de valider ou non d'éventuelles erreurs ?

Merci par avance pour votre aide !

Bonjour,

Quelle version d'IE utilise ta cliente ?

Serait-il possible d'avoir un apperçu du visuel de référence (je n'ai qu'un seul navigateur sous la main, difficile de se faire une idée) ?

Bonjour Laurie-Anne,

Ma cliente a mis a jour son navigateur; elle a donc IE8 et également Firefox 3.
ET c'est là où est le problème car chez moi tout fonctionne correctement avec les mêmes versions.
Je lui ai demandé de me faire des copies écran que j'attends encore.
Apparemment, le cadrage ne serait pas bon et le contenu serait décalé en dessous le menu.
Je viens d'effectuer un test avec Ietester et il est vrai que sous IE7 le décalage est présent.

le code CSS ???

Oui, voici le css :

body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #463f32;
margin : 10px 0 0 0;
padding : 0 0 0 0;
background: #463F32;
}
a {
color : #000000;
text-decoration : none;
}
a:hover {
color : #000000;
text-decoration : none;
}
a:visited {
text-decoration : none;
}
#pageWrap {
margin : 0 auto;
padding : 0;
width : 900px;
}
#header {
margin : 20px 10px 0 160px;
padding : 5px;
width : 725px;
background : #e0c4ab;
border : 1px solid #ddd;
}
#colgauche {
float : left;
background : #e0c4ab;
margin : 0 0 100px -60px;
padding : 0;
width : 200px;
height : 550px;
}
#menu {
float : left;
background : #000000;
margin : 20px 0 100px 25px;
padding : 0;
width : 140px;
height : 495px;
}
#menu img.left {
float : left;
margin : 20px;
}
#menu ul {
margin : 0 0 0 0;
padding : 0;
list-style : none;
}
#menu ul li {
margin : 0 0 0 0;
padding : 0 0 0 0;
list-style : none;
font-size : 1em;
border-bottom : 1px solid #ffffff;
}
#menu ul li a:link, #menu ul li a:visited {
padding : 9px 0 9px 22px;
color : #ffffff;
text-decoration : none;
display : block;
}
#menu ul li a:hover, #menu ul li a:active {
color : #000000;
text-decoration : none;
background-color : #fff;
}
#headerhaut h1 {
float : left;
margin : 15px 0 0 0;
padding : 0 60px 10px 0;
font-size : 1.3em;
color : #e0c4ab;
background : #ffffff;
}
#header h2 {
margin : 0 0 25px 0;
padding : 0 10px 0 110px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 2.2em;
color : #ffffff;
}
#header h3 {
margin-left:180px;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.4em;
color : #463f32;
}
#header h4 {
margin-left:170px;
margin-top:-10px;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.4em;
font-style:italic;
color : #616161;
}
#header h5 {
margin : 0 0 5px 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : italic;
font-size : 1.1em;
color : #333333;
}
#header p {
float : left;
margin : 0 0 5px 0;
padding : 5px 5px 5px 5px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.1em;
color : #ffffff;
}
#header img.right {
float : right;
margin : 10px;
}
#intro {
float:left;
margin-left:120px;
}
.blanc {
color:#fff;
font-size:14px;
}
#citation  {
float:left;
margin-left:20px;
color:#616161;
font-size:15px;
}
#qui {
float:left;
margin-left:20px;
margin-top:-10px;
font-size:14px;
}
#filariane {
margin-left:160px;
padding : 3px 0 0 0;
width : 737px;
height: 30px;
color : #000;
background : #ddd;
}
#filariane a {
color:#616161;
font-weight:bold;
}
#filariane p{
font-size:10px;
margin-left:60px;
margin-top:0px;
}

pageWrap

css
width:largeur col droit + largeur de content + espace entre les 2 cols

Merci !

Oui effectivement le calcul n'était pas bon.

J'ai modifié d'autres erreurs également.

Apparemment avec IEtester, il y aurait encore un décalage.

Je reviens avec des captures écran des différentes pages complètement décalées et vues par ma cliente avec Windows XP, Firefox3 ou IE8.





Aussi, Cufon ne fonctionne pas.

En résumé, il n'y a que les pages 'séances coaching, textes et contact' qui apparaissent correctement si je ne prends pas en compte Cufon.

Merci par avance pour votre aide dans la résolution de ce problème d'affichage.