problème <body> avec IE

Sujet résolu

2 janvier 2006 à 13:40:58

Bonjour tout le monde, et surtout bonne année 2006 !

Je commence bien l'année avec un premier problème !

Tout d'abord je vous montre le début de mon code css :

body
{
width:800px;
margin:auto;
}

Donc ce que je veux c'est une page avec une largeur de 800 pixels.
Avec Firefox ca marche très bien, mais avec IE il me change ma largeur de la page selon ma résolution...
Or moi je veux une largeur fixe !
Et du coup, tout mes blocks se mélange et ca devient n'importe quoi

Si vous pouviez m'aider ce serai vraiment sympa car je desespère ca fait plusieurs fois que je change tout et le résultat ne change pas...

Finality

2 janvier 2006 à 13:43:11

il nous faudrait tout ton code

Blue112

2 janvier 2006 à 13:48:25

Je crois que j'ai vu ça dans la faq, va voir.

dadadu59

2 janvier 2006 à 13:48:37

body
{
width:903px; /*Je dois mettre ca avec firefox comme j'ai corrigé plus bas un bug avec IE */
margin:auto;
}

#entete_gauche /*en-tete de gauche sans le cadre du dessous */
{
width:448px;
height:160px;
margin-right:0px;
border-top:solid;
border-bottom:solid;
border-left:solid;
border-color:black;
border-width:1px;
}

#entete_droite /*en tete de la droite avec le cadre d'identification en dessous */
{
float:top;
width:350px;
height:160px;
margin-left:0px;
border-right:solid;
border-top:solid;
margin-top:0px;
border-width:1px;
}

#menu_droite /*Menu d'identification juste en dessous de l'entete */
{
margin-top:0px;
margin-right: 103px; /* Sans ca sous IE le cadre est deplace a l'extreme droite de l'ecran */
float:right;
width:350px;
height:60px;
border-left-style:dashed;
border-right-style:dashed;
border-bottom-style:dashed;
border-width: 1px;
border-color: #000000;

}
.element_droite a
{
color:#5C8ACE;
font-size:11pt;
text-decoration:none;
}
.element_droite a:hover
{
color:red;
text-decoration:overline underline;
font-weight:bold;
}
.element_droite h5
{
margin:0px;
}
.element_droite p
{
margin:0px;
}

#menu /*menu principal */
{
margin-top:20px;
float:left;
width:150px;
border-style:inset;
border-width: 2px;
border-color: #000000;
}
.titre_menu
{
width:120px;
height: 40px;
margin-left:10px;
border-style:dashed;
border-width:1px;
border-color:black;
margin-bottom:0px;
margin-top:10px;
}
.element_menu
{
margin-top:0px;
margin-left:10px;
width: 120px;
border-bottom: solid;
border-right: solid;
border-left:solid;
border-color:black;
border-width:1px;
}
.element_menu a
{
padding-left:8px;
padding-bottom: 0px;
color:#5C8ACE;
text-decoration:none;
font-size:11pt;
}
.element_menu a:hover
{
color:red;
text-decoration:overline underline;
font-weight:bold;
}
.element_menu p
{
margin-top:0px;
margin-left:5px;
}

#corps
{
width:640px;
margin-left:170px;
margin-top: 80px;
border-style:solid;
border-width:1px;
border-color:#000000;
}