Bonjour,  
 
j'ai recommencé ma mise en page et le comportement entre IE et Firefox est beaucoup mieux. Mes trois colonnes semblent bien placé.
 
Je suis rendu à ajouté deux autres colonnes centrée en-dessous de mes 3 colonnes mais je n'y arrive pas.
 
Lien: http://www.uqtr.ca/fondation/fn_ca.php
 
 
Code CSS:  
*{
margin : 0;
padding : 0;
}
 
a{
 color : #336699;  
 text-decoration : none;
 background: transparent;
}
a:hover{
 color : #6699CC;
 text-decoration : none;
}
 
#conteneur{
 position: relative;
 width: 740px;
 background-color : white;    
 color : black;
 margin-left: auto;
 margin-right: auto;
}
 
#banniere{
 background-image: url(images/i_graphiques/banniere.gif);
 background-repeat: no-repeat;
 width: 740px;
 height: 131px;
 margin: auto;
}
 
.ban_icone{
    color: #FFFFFF;
    text-align: right;
    margin-right: 15px;
    padding-top: 80px;
}
 
#corps{
 clear: both;
 background: #ffffff url(images/i_tuiles/f_600.jpg) no-repeat center center;
 border-bottom: 1px solid #808080;
 border-left: 1px solid #808080;
 border-right: 1px solid #808080;
 width: 738px;
 min-height: 560px;
 <!--[if IE]>
 <style type="text/css">div#corps{height: 100%;}</style>
<![endif]-->
}
 
#pied{
 clear: both;
 position: relative;
 bottom: 0;
 width: 730px ;
 height: 37px;
 background-color: #0C4072 ;
 padding-right: 10px ;
 color: #3366ff;
 font-size: 20px;
 text-align: right;
}
 
div#bloc1, div#bloc2, div#bloc3, div#bloc4, div#bloc5 {
 float: left;
 display: inline;
 background: transparent;
 border: 2px dotted #960;
 text-align: center;
}  
div#bloc1, div#bloc2, div#bloc3 {
 width: 200px;
 height: 455px;
}
div#bloc4, div#bloc5 {
 width: 200px;
 height: 135px;
 margin-bottom: 12px;
}  
div#bloc1 {
 margin-left: 40px;
}
div#bloc2 {
 margin-left: 20px;
}
div#bloc3 {
 margin-left: 20px;
}
div#bloc4{  
 margin-left: 150px;
}
div#bloc5{
 margin-left: 20px;  
}
 
 
Merci de l'aide.

ça fonctionne toujours pas ma page sous firefox.

Et si tu remplace clear: both; par float: left; sur #corps.

C'est pas mal mieux comme ça.
 
Merci!
 
Sous IE, il manquerait une ligne sous les deux dernières colonnes, Firefox le gère bien.

Quand il y a une différence entre firefox et IE, utilise les commentaires conditionnels pour faire une feuille de style pour les navigateurs comme firefox et une autre feuille de style pour IE<=6.

je ne sais pas c'est quoi les commentaires conditionnels.

Et bien cherche. Google est ton ami.