Probleme de decalage entre firefox et IE

1 post / 0 new
Post reply
sam, 17/05/2008 - 12:36
#1
LeMigou
Probleme de decalage entre firefox et IE

Bonjour, voila mon probleme.Quand je suis sur firefox mes blocs se place comme il faut et quand je passe sur IE je me retrouve avec un bloc sous l'autre alors que normalement il aurait du etre a coter.

Voila mon Code HTML:

Liens

Formule 1
Moto GP
  • Calendrier
  • Resultats
  • Circuits
  • Pilotes
S'identifier
  • Login
  • Password
  • Si vous n'êtes pas encore inscrit, c'est par ICI
Extra

et voila mon code CSS:

body {
background: #5c8eb1 url(images/fond.jpg) repeat-x;
text-align:center;
}
#banniere {
background: url(images/banniere.jpg) no-repeat;
background-position:left top;
height : 150px;
width:800px;
margin : 0 auto 0 auto;
border-style:solid;
border-width: 3px;
border-color: red ;
}
#menu-haut{
height:57px;
width:800px;
background: url(images/menu-haut1.jpg);
background-repeat:repeat;
background-position:left top;
font-family:verdana;
margin :0 auto 0 auto;
padding:0 0 0 0;
border-style:solid;
border-width: 3px;
border-color: red ;
}
#menu-haut table{
vertical-align:middle;
margin:0 0 0 0px;
display:inline;
border-collapse:collapse;
}
#menu-haut td{
font-family:verdana;
font-size:15px;
width:260px;
height:57px;
text-align:center;
font-size:0.9em;
}
#menu-haut table a:link{
color:#D2691E;
text-decoration:none;
width:57px;
font-weight: bold;
}
#menu-haut table a:hover {
color:#4B0082;
text-decoration:none;
font-size:16px;
font-weight: bold;
}
#menu-haut table a:visited {
text-decoration:none;
}
#global {
width: 800px;
background-color:white;
margin : 0 auto 0 auto;
font-family:Verdana;
border-style:solid;
border-width: 3px;
border-color: red ;
}
#menu-gauche{
float:left;
width: 211px;
display: inline;
}
#menu-gauche-haut h3 {
background: url(images/left-top.jpg) no-repeat;
font-size: 1.5em ;
color:#FFFFFF;
height: 37px;
line-height:37px;
margin:0 0 0 0;
text-align:center;
}
#menu-gauche-haut-1 h3 {
background: url(images/left-top.jpg) no-repeat;
font-size: 1.5em ;
color:#FFFFFF;
height: 37px;
line-height:37px;
margin:0 0 0 0;
text-align:center;
}
#menu-gauche-haut-2 h3 {
background: url(images/left-top.jpg) no-repeat;
font-size: 1.5em ;
color:#FFFFFF;
height: 37px;
line-height:37px;
margin:0 0 0 0;
text-align:center;
}
#menu-gauche-haut-3 h3 {
background: url(images/left-top.jpg) no-repeat;
font-size: 1.5em ;
color:#FFFFFF;
height: 37px;
line-height:37px;
margin:0 0 0 0;
text-align:center;
}
#menu-gauche-haut-4 h3 {
background: url(images/left-top.jpg) no-repeat;
font-size: 1.5em ;
color:#FFFFFF;
height: 37px;
line-height:37px;
margin:0 0 0 0;
text-align:center;
}
#menu-gauche ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
#menu-gauche li {
text-align:left;
background: url(images/left-bk.jpg);
background-repeat:repeat;
background-position:left top;
line-height:31px;
display:block;
padding:0 0 0 20px;
margin:0 0 0 0;
}
#menu-gauche a:hover {
color:#4B0082;
font-size:16px;
font-weight: bold;
}
#menu-gauche a:visited {
text-decoration:none;
}
#menu-gauche a:link {
text-decoration:none;
}
#menu-gauche-bas {
height: 15px;
background: url(images/left-bottom.jpg) repeat-y;
margin:0 0 0 0;
}
#menu-gauche-bas-1 {
height: 15px;
background: url(images/left-bottom.jpg) repeat-y;
margin:0 0 0 0;
}
#menu-gauche-bas-2 {
height: 15px;
background: url(images/left-bottom.jpg) repeat-y;
margin:0 0 0 0;
}
#menu-gauche-bas-3 {
height: 15px;
background: url(images/left-bottom.jpg) repeat-y;
margin:0 0 0 0;
}
#menu-gauche-bas-4 {
height: 15px;
background: url(images/left-bottom.jpg) repeat-y;
margin:0 0 0 0;
}
#corps {
height:800px;
background-color: white;
border-style:solid;
border-width: 0 0 0 5px;
border-color: red ;
margin:0 0 0 211px;
}
#corps table {
background-color: #A9A9A9;
width:583px;
}
#corps table a:hover {
color:black;
font-size:16px;
font-weight: bold;
}
#corps table a:visited {
text-decoration:none;
}
#corps table a:link {
text-decoration:none;
}

Desole c'est un peu nimporte quoi mais je debute. Merci d'avance si vous pouvez bien m'aider.

Haut