par
manuscle » 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
Bonjour!
J'ai un problème sur une balise qui ne se redimmensionne pas automatiquement, voici le css:
[code]
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;
}
[/code]
Et voici le code html:
[code]
<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>
[/code]
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