Aide codage design pour IE

Salut ,
alors je vous expose mon problème

le site que j'ai fais marche parfaitement sous mozilla firefox, mais sous IE c'est la catastrophe , donc j'aimerais savoir si quelqu'un pouvait me coder le design de façon a ce qu'il fonctionne sous IE (bouton décalés, bandes bleue etc....)


Le site : http://badminton42.free.fr

je met le code :

----------------------------------------------------------------------------------------------------------------------



body {
text-align : center;
background-color: #fff
}

#conteneur {
position : relative;
width: 790px;
height: 810px;
background-image: url(images/conteneur.png);
margin: 20px auto;
}

#en_tete {
width: 780px;
height: 130px;
background-image: url("images/header.png");
margin: auto;
}


/* ========================================================== menus */
#conteneur_menus {
float : left;
width : 175px;
height : 624px;
margin : 0 0 0 4px;
}
#menu1 {
width: 175px;
height: 275px;
background-image: url(images/menuaccueil.png);
margin: 0 0 0 2px;
}
#menu1 ul, #menu2 ul {
list-style-type : none;
margin : 0;
padding : 30px 0 0 0;
}
#menu1 li, #menu2 li {
padding : 2px 0 0 0;
}
#menu1 li a, #menu2 li a {
display : block;
width : 127px;
height : 25px;
line-height : 25px;
margin : 0 0 0 24px;
background : url(images/bouton.png) no-repeat 0 0;
font-family : Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
text-decoration : none;
color : #273046;
}
#menu1 li a:hover, #menu2 li a:hover {
background : url(images/rollovers.png) no-repeat 0 0;
color : white;
}

#menu2 {
width: 175px;
height: 275px;
background-image: url(images/menuleclub.png);
margin-left: 2px;
margin-top: 3px;
}
/* ========================================================== menus */


#corps {
float : left;
width : 596px;
height : 624px;
margin-bottom: 20px;
background-color: #f5f5f5;
font-family : "Trebuchet MS", sans-serif;
font-size : .9em;
color : #205579;
overflow : auto;
}
#corps p {
text-align : center;
text-decoration : none;
margin : 1em;
}
#corps p {
font-family : Georgia, serif;
text-decoration : none;
font-size : 1em;
font-weight : bold;
color : #273046;
}

#pied_de_page {
position : absolute;
bottom : 6px;
left : 6px;
width : 778px;
height : 40px;
background-color: #eef1f5;
}

img {
border : 0;
}

h1 {
font-family : Georgia, serif;
margin : 2em 0;
}






h2
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", serif;
color: black;

}


p
{
color: black;
}

#cadre
{
position : absolute;
width: 157px;
height : 65px;
background-image: url("images/cadre.jpg");
margin-left: 11px;
margin-top: 5px;
}


----------------------------------------------------------------------------------------------------------------------


voila, pas très lourd hein ^^ , si c'tait possible de m'expliquer comment faire également ....

Merci d'avance.

Bonne journée.


PS : je n'arrive pas non plus a écrire sous un tableau :s, si on pouvait m'aider ... j'en demande beaucoup je sais

Bonjour lyvers, et bienvenue sur ce forum.

Dommage que pour cette entrée en matière tu ne respectes pas deux règles du forum (dont pourtant tu as connaissance, ayant bien entendu lu et accepté ces règles en t'inscrivant ):

Règle 13
Règle 16

Bonne continuation.

Salut,

On ne doit pas parler du même IE.

Sous IE7, c'est comme sous FF.

Je n'ai pas IE6, je vais avoir du mal à aller plus loin.

papyjo a écrit :
Salut,

On ne doit pas parler du même IE.

Sous IE7, c'est comme sous FF.

Je n'ai pas IE6, je vais avoir du mal à aller plus loin.

non tu te trompes, sous IE7 c'est pas forcément comme sous FF
Si tu es en mode quirks IE7 se comporte comme IE6
et si tu es en mode strict, IE7 se comporte comme un vrai navigateur à quelques exceptions près comme le display:table, table-cell, table-row, qui n'existent pas encore, mais qui nous arrangerait bien parfois.

Gatsu35 a écrit :
non tu te trompes, sous IE7 c'est pas forcément comme sous FF

Oui, mais je crois que papyjo parlait du rendu de la page indiquée par lyvers, pas du comportement général du navigateur.