Bonjour, pb d'affichage de mon site sous IE 6, (IE7 et FIREFOX OK)

Bonjour à tous, je débute dans le développement de site web et j'ai un problème en ce qui concerne la hauteur de ma page, cela doit surement venir du css.

En faite le bas de page remonte sous IE 6 alors qu'il s'affiche correctement sous IE7 ET firefox faite la comparaison entre ces navigateur pour voir ce dont je vous parle.

Voici l'adresse du site http://matinik.fr/.
Si vous avez d'autres conseils ou critique concernant le design je suis preneur aussi!

Merci de votre aide , je vous joint le code css de ma page.

body {
margin : auto;
padding : 0;
text-align : center;
font : 0.8em "Trebuchet MS", helvetica, sans-serif;
background-color : #c6e3ff;
min-height:1200px;
}
div#conteneur {
text-align : left;
border : 7px double #7ba2ff;
min-height : 1200px;
background-color : #c6e3ff;

}
h1#header {
height : 90px;
margin : 0;
background : url("/css/logofondplaya.jpg") repeat center 0%;
border-bottom : 7px double #7ba2ff;
}
p#date {
margin-right : 0;
margin-left : auto;
margin-top : 0;
margin-bottom : 0;
padding-right : 10px;
line-height : 15px;
color : black;
text-align : center;
border : 1px solid #7ba2ff;
min-width : 20%;
max-width : 30%;
width : 25%;
font : 10px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius: 10px;
}
div#style_switcher {
margin-top : 0;
margin-left : 0;
}
p#hautdepage {
margin-top : 2px;
margin-bottom : 0;
padding-right : 10px;
line-height : 20px;
color : black;
text-align : center;
border-top : 2px solid #7ba2ff;
border-left : 2px solid #7ba2ff;
border-right : 2px solid #7ba2ff;
border-bottom : 0;
margin-left : 13%;
margin-right : 13%;
background : url("barre.gif") repeat;
}
div#menugauche {
float : left;
width : 13%;
border-top : 2px solid #7ba2ff;
border-bottom : 0 solid #7ba2ff;
border-right : 0 solid #7ba2ff;
padding : 0;
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : black;
margin-top : 2px;
margin : 0;
list-style-type : none;
min-height : 1100px;
}
div#menugauche p {
border : 1px solid #7ba2ff;
margin-right : 3px;
margin-left : 3px;
margin-top : 0;
margin-bottom : 0;
text-align : center;
}

div#menugauche a {
text-decoration : none;
color : #21559c;
}
div#menugauche a:hover {
color : #4c7cff;
}
div#menugauche h1 {
border : 1px solid #7ba2ff;
border-bottom : 0 solid #7ba2ff;
background : url("barre.gif");
font : 10px Verdana, Arial, Helvetica, sans-serif;
text-align : center;
margin : 3px;
margin-bottom : 0;
margin-top : 5px;
}
div#menudroite {
float : right;
width : 13%;
border-top : 2px solid #7ba2ff;
border-bottom : 0 solid #7ba2ff;
border-right : 0 solid #7ba2ff;
padding : 0;
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : black;
margin-top : 0;
margin : 0;
list-style-type : none;
min-height : 1100px;
}
div#menudroite p {
border : 1px solid #7ba2ff;
margin-right : 3px;
margin-left : 3px;
margin-top : 0;
margin-bottom : 0;
text-align : center;
}
div#menudroite h1 {
border : 1px solid #7ba2ff;
border-bottom : 0 solid #7ba2ff;
background : url("barre.gif");
font : 10px Verdana, Arial, Helvetica, sans-serif;
text-align : center;
margin : 3px;
margin-bottom : 0;
margin-top : 5px;
}
div#menudroite a {
text-decoration : none;
color : #21559c;
}
div#menudroite a:hover {
color : #4c7cff;
}
div#contenu {
border-top : 2px solid #7ba2ff;
border-left : 2px solid #7ba2ff;
border-bottom : 0 solid #7ba2ff;
border-right : 2px solid #7ba2ff;
margin-left : 13%;
margin-right : 13%;
min-height : 1100px;
padding-top:6px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
}

div#contenu h2 {
padding : 0;
line-height : 20px;
font-size : 1.2em;
color : #25569a;
border : 1px solid #7ba2ff;
height : 20px;
margin-left : 3%;
margin-right : 3%;
margin-top : 6px;
margin-bottom : 6px;
-moz-border-radius: 10px;
text-align:center;
}
div#contenu h3 {
margin-left : 40px;
margin-right : 25px;
padding-left : 5px;
border-bottom : 1px solid #7ba2ff;
border-left : 3px solid #7ba2ff;
color : #25569a;
text-decoration : overline;
}
div#contenu p {
text-align : justify;
text-indent : 2em;
line-height : 1.7em;
margin-left : 1%;
margin-right : 1%;
}

div#contenu a {
color : #25569a;
}
div#contenu a:hover {
color : #4c7cff;
}

div#contenugauche {
border: 1px solid  #4c7cff;
margin-left : 1%;
margin-top:6px;
margin-right : 0;
margin-bottom : 1%;
padding-top:15px;
padding-bottom:15px;
min-height : 1030px;
width : 48%;
float : left;
background-color : #b5cfff;
-moz-border-radius: 10px;

}
div#contenuentier {
border: 1px solid  #4c7cff;
margin-left : 1%;
margin-top:6px;
margin-right : 1%;
margin-bottom : 1%;
padding-top:15px;
padding-bottom:15px;
min-height : 1030px;
width : 98%;
background-color : #b5cfff;
-moz-border-radius: 10px;
}

div#sonneries {
border: 1px solid  #4c7cff;
margin-left : 1%;
margin-top:6px;
margin-right : 1%;
margin-bottom : 1%;
padding-top:15px;
padding-bottom:15px;
min-height : 1030px;
width : 98%;
background-color : white;
-moz-border-radius: 10px;
}


div#contenucentre {
border-top : 1px solid #4c7cff;
margin-right : 49%;
margin-top:6px;
margin-left : 49%;
margin-bottom : 1%;
min-height : 1030px;
width : auto;
float : none;
}
div#contenudroite {
border: 1px solid #4c7cff;
margin-right : 1%;
margin-top:6px;
margin-left : 0;
margin-bottom : 1%;
padding-top:15px;
padding-bottom:15px;
min-height : 1030px;
width : 48%;
float : right;
background-color : #b5cfff;
-moz-border-radius: 10px;
}
.basdepage ,.basdepage1
{
margin : 0;
padding-right : 10px;
line-height : 10px;
color : black;
text-align : center;
border-top : 1px solid #7ba2ff;
border-bottom : 1px solid #7ba2ff;
font-size : 10px;
}
.basdepage a {
margin-left : 15px;
margin-right : 15px;
padding-right : 5px;
padding-left : 5px;
line-height : 20px;
color : #7ba2ff;
text-align : center;
border-left : 1px solid #7ba2ff;
border-right : 1px solid #7ba2ff;
}
.basdepage1 a img{
border:0px;
}
.basdepage a:hover {
color : black;
}
form input, select {
background-color : #f9f9ff;
color : #000000;
border : 1px solid #000000;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
margin-top : 0;
margin-bottom : 0;
text-align : center;
}

form {
margin-top : 0;
margin-bottom : 0;
}
embed {
margin-right : 3px;
margin-left : 3px;
}
* {
margin : 0;
padding : 0;
}
.class1 {
background-color : transparent;
color : black;
font : 10px Verdana, Arial, Helvetica, sans-serif;
border : transparent;
}
marquee
{
margin-left:1%;
margin-right:1%;
height:25px;
border: 1px solid #7ba2ff;
background-color:#c6e3ff;
text-align:center;
background : url("logofond1.jpg") repeat;
font : 12px Verdana, Arial, Helvetica, sans-serif;
}
marquee a
{color: white;}

object
{border: 1px solid #7ba2ff;
background-color:transparent;
}

hr {
color: #4c7cff;
} 

Modifié par despee (24 May 2007 - 18:48)

Bonjour et bienvenue parmi nous, despee

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Voila c'est fait Lol

Désolé, c'est la première fois de ma vie que je m'inscrit sur un forum

Et j'avoue que je n'est pas pris le temps de lire l'article pour les nouveaux inscrits je m'en escuse je vais le faire rapidement

Une bonne chose de faite

Le problème vient des styles sur body : IE 6 ne comprend pas la ligne

min-height: 1200px;

Il faut utiliser les commentaires conditionnels pour ajouter cette ligne, uniquement pour IE6 et inférieurs :

body {
   height: 1200px;
}

ok merci je vais voir si cela résous mon problème mais par contre si je défini une taille fixe,

body { height: 1200px;} 

et que ma page contient beaucoup d'éléments, il ne risquent pas de sortir du cadre???

Si, c'est pour ça qu'il ne faut préciser cette dimension fixe que pour IE6.

IE6 ne comprend pas height correctement (non plus), il va se comporter comme si c'était une hauteur minimale ... comme les autres, quoi

ils ont quoi dans la tête chez Microsoft! Quand un logiciel est dépassé à ce point, pourquoi ils n'automatisent pas la mise à jour d'internet explorer chez les utilisateurs, car la plupart des novices ont IE6 qui ne gère meme pas la transparence des images .

Merci pour tes conseils!!
En ce qui concerne la hauteur de ma page je pense que fixer une hauteur bien supérieur au contenu fera l'affaire, je test sa dès que je rentre chez moi...

a écrit :
Je n'oublierai pas cette fois de mettre la mention "résolu" si mon problème est réglé! j'ai bien lus le manuel