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
- Calendrier
- Resultats
- Circuits
- Pilotes
- Login
- Password
- Si vous n'êtes pas encore inscrit, c'est par ICI
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.
