Balise div ne redimmensionne pas automatiquement

Eléphant du PHP | 149 Messages

10 mai 2005, 11:04

Bonjour!

J'ai un problème sur une balise qui ne se redimmensionne pas automatiquement, voici le css:

Code : Tout sélectionner

body { background-color:#990000; } #page { width: 960px; height:100%; margin: 10px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #FFFFFF; border:2px solid #000000; } #banniere { padding: 5px; margin-bottom: 5px; height: 150px; background-image: url(/images/logo_bleu.png); background-repeat: no-repeat; } #side { float: left; width: 150px; margin-right: 5px; padding: 5px; text-align:center; } #corps { padding: 5px; margin-left: 165px; } #copy { clear: both; padding: 5px; margin-top: 5px; background-color: rgb(213, 219, 225); border: 2px solid black; font-weight: bold; font-size: 12px; text-align: center; clear:both; font-family: Arial, Helvetica, sans-serif; }
Et voici le code html:

Code : Tout sélectionner

<body> <div id="page"> <div id="banniere"></div> <div id="side"> Menu.....</div> <div id="corps">Contenu de la page</div> </div> <div id="copy">Coordonées....</div> </body>
Le problème se pose sous firefox, lorsque la div id "corps" ne contient rien ou pas grand chose, la div id "page" se reduit en hauteur ce qui fait que la div id "side" dépasse de la div id "page"!

Comment je peux faire pour que la div id "page" soit toujours plus haute de 5px que toutes les autres balises?

Merci pour votre aide!

Manuscle
"Si tu travailles avec un marteau-piqueur pendant un tremblement de terre, désynchronise-toi, sinon tu travailles pour rien."
JC Vandamme.

Eléphant du PHP | 357 Messages

12 mai 2005, 16:15

je pense pas que ca soit une solution mais j'ai rencontrer des probleme de positionnement entre FF et IE et ce que j ai du faire c'est de tout regrouper dans le padding et le margin tel que:
margin: 0px 0px 0px 0px sachant que le premier correspond au margin top et que apres ca tourne dans le sens de l'éguille d'une montre
et parreil pour le padding.