Je rencontre un problème qui a trait à l'utilisation du code height 100% pour un site sur lequel je travaille.
J'ai un bloc conteneur dont je souhaite que la taille s'adapte en fonction du contenu.
J'ai suivi les indications données dans un tuto en position le height 100% sous le conteneur, le body et html.
Avec IE et FF, l'apparence est la même à savoir que la taille de mon bloc ne dépasse pas la taille de ma fenêtre (il en manque donc).... Voici un petit lien http://www.edsmfoot.com/version3/index.php
J'ai essayé diverses solutions lues à droite à gauche mais hélas sans succès.
Je vous indique mon code:
- html
- css
[code]html
{
height: 100%;
margin: 0;
padding: 0;
}
body
{
height:100%;
width: 958px;
margin-left: 26px;
margin-right: 88px;
margin-top: 38px;
margin-bottom: 20px;
background-image: url("imagefond-base2.jpg");
}
.cadre_site
{
height:100%;
position: absolute;
top: 22px;
width: 958px;
left: 25px;
background-image: url("fondbreves3.jpg");
color: black;
margin-bottom: 20px;
margin-top:0px;
border: 3px ridge grey;
}
cadre_site est mon blo conteneur.
Merci de bien vouloir m'aider
J'ai un bloc conteneur dont je souhaite que la taille s'adapte en fonction du contenu.
J'ai suivi les indications données dans un tuto en position le height 100% sous le conteneur, le body et html.
Avec IE et FF, l'apparence est la même à savoir que la taille de mon bloc ne dépasse pas la taille de ma fenêtre (il en manque donc).... Voici un petit lien http://www.edsmfoot.com/version3/index.php
J'ai essayé diverses solutions lues à droite à gauche mais hélas sans succès.
Je vous indique mon code:
- html
<body>
<div class="cadre_site">
<div class="en_tete">
<?php include("en_tete.php");
?>
</div>
<div class="menu">
<?php include("menu.php");
?></div>
- css
[code]html
{
height: 100%;
margin: 0;
padding: 0;
}
body
{
height:100%;
width: 958px;
margin-left: 26px;
margin-right: 88px;
margin-top: 38px;
margin-bottom: 20px;
background-image: url("imagefond-base2.jpg");
}
.cadre_site
{
height:100%;
position: absolute;
top: 22px;
width: 958px;
left: 25px;
background-image: url("fondbreves3.jpg");
color: black;
margin-bottom: 20px;
margin-top:0px;
border: 3px ridge grey;
}
cadre_site est mon blo conteneur.
Merci de bien vouloir m'aider