background-color d'une div différent sous IE et firefox ?
background-color d'une div différent sous IE et firefox ? - HTML/CSS - Programmation
MarshPosté le 04-03-2007 à 09:34:39
Salut,
je suis en train de faire un site professionel sur la cour de France (je suis historienne, pas royaliste, je vous rassure ) et j'ai deux problèmes avec des div qui ne s'affichent pas pareillement sous IE 7 et firefox. Vous pouvez voir le site ici:
Problème 1: Une div s'appelle "section" et contient deux autres div ("navig_rubrique" en fload: left et "texte" en fload: right). J'ai donné à "section" comme couleur d'arrière plan un jaune pale, plus claire que le fond de body. Cette couleur s'affiche bien sous IE, mais pas sous firefox. La feuille de style concernant les trois div:
Problème 2: Quand je place en dessous de ces trois div (toutes bien fermées) une div de pied de page, elle s'affiche correctement sous IE7, mais pas sous Firefox où elle se colle en dessous de la div "navig_rubrique" au lieu de se mettre tout en bas.
Bref, il y a un problème de gestion des div, qui apparement ne se fait pas pareil sous IE et firefox. Si vous avez des idées, ou un site où je peux regarder, ce serait fameux !
Marsh Posté le 04-03-2007 à 09:34:39
Salut,
je suis en train de faire un site professionel sur la cour de France (je suis historienne, pas royaliste, je vous rassure )
et j'ai deux problèmes avec des div qui ne s'affichent pas pareillement sous IE 7 et firefox. Vous pouvez voir le site ici:
http://www.maisons-royales.fr/
Problème 1:
Une div s'appelle "section" et contient deux autres div ("navig_rubrique" en fload: left et "texte" en fload: right). J'ai donné à "section" comme couleur d'arrière plan un jaune pale, plus claire que le fond de body. Cette couleur s'affiche bien sous IE, mais pas sous firefox.
La feuille de style concernant les trois div:
div.section {
height: auto;
margin: 0 auto;
background-color: #FFD784;
}
div.navig_rubrique {
width: 160px;
height: 430px;
background-color: #9A9DBE;
float: left;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 10px;
border-left-color: #414563;
border-left-style: solid;
border-left-width: 10px;
border-right-color: #C6C8DA;
border-right-style: solid;
border-right-width: 10px;
}
div.texte {
width: 730px;
height: auto;
background-color: #FFE8B7;
float: right;
padding-top: 20px;
padding-bottom: 20px;
}
Problème 2:
Quand je place en dessous de ces trois div (toutes bien fermées) une div de pied de page, elle s'affiche correctement sous IE7, mais pas sous Firefox où elle se colle en dessous de la div "navig_rubrique" au lieu de se mettre tout en bas.
Bref, il y a un problème de gestion des div, qui apparement ne se fait pas pareil sous IE et firefox.
Si vous avez des idées, ou un site où je peux regarder, ce serait fameux !