mise en page CSS décalée sur IE Fermé

Question

Bonjour,

Tout d'abord, j'ai lu beaucoup de choses sur les forums présents mais je ne trouve pas ce qui règlerait mon problème. Ca commence à me rendre dingue alors que ça a l'air si simple.

http://benoitbenoit.redby.fr/

Comme vous le voyez, la première colonne est la suite logique de la seconde, les posts s'affichent donc dans l'ordre. Pour cela, j'ai du passer par une astuce toute simple : coder dans le CSS pour que la colonne de contenu principale soit au centre de la page (left: 335px;) et que le reste s'affiche à sa gauche (left: -335px;) toujours en colonne. Seulement voilà, cela ne fonctionne pas sous IE où il n'y a plus qu'une seule colonne qui s'affiche (alors que tout va bien sur Firefox et Opera).

Quelqu'un aurait une solution ?

Merci d'avoir pris attention à tout ça

Benoit/ · Answer

le left -335px n'est pas défini à partir de la bordure de page, mais à partir du body qui lui est à 335 px.
la seconde colonne est attachée au body, donc à 335px de la bordure de page, la première est elle aussi attachée au body mais à -335px, donc elle se retrouve à gauche. FF comprend ça mais pas IE.

voici mon code CSS tout simple :

body {
left: 335px;
margin:15px;
padding:0px;
position: absolute;
width: 320px;
color:#333333;
font: 10px Arial, Helvetica, sans-serif;
background: #FFFFFF;
}


#content2
{
margin:0px;
padding:0px;
position: absolute;
top: 5px;
left: -335px;
width: 320px;
color:#333333;
font: 10px Arial, Helvetica, sans-serif;
background: #FFFFFF
}


Donc mon problème est que IE ne lit pas le code de la même manière et ne veut pas placer le body à 335 px à droite, et par conséquent ne veut pas non plus afficher la première colonne.

Une solution ? :(

Mise en page CSS décalée sur IE

1 réponse

Discussions similaires