Page 1 sur 1

Balise div ne redimmensionne pas automatiquement

Posté : 10 mai 2005, 11:04
par manuscle
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

Posté : 12 mai 2005, 16:15
par seayoung
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.