J'ai dans ma page une div "gauche et une div "droite". C'est div à gauche de ma page contient un menu et une autre div contenant une image. Quand la div droite contient une page trop grande, la div gauche ne s'adapte pas à la nouvelle taille. J'ai pourtant mis tout à auto dans ma CSS en terme de hauteur.
voici le problème...
Le code de ma page est le suivant :
Code : Tout sélectionner
<div class="global" align="center">
<div class="top"><img src="images/banners/ban.png" width="591" height="109"></div>
<div class="menuHoriz">
<?php
include('include/infclient.php');
?>
<br/>
</div>
<div class="bloc_gauche" id="navcontainer">
<ul id="navlist">
<li><a href="index.php">>>Accueil</a></li>
<li><a href="index.php?page=qui.php">>Qui-sommes-nous?</a></li>
<li><a href="index.php?page=activites.php">>Nos activités</a></li>
<li><a href="index.php?page=devis.php">>Devis gratuit</a></li>
<li><a href="#">>Nos partenaires</a></li>
<li><a href="index.php?page=mail.php">>Contactez-nous</a></li>
<li><a href="index.php?page=nouvclient.php">>Inscrivez-vous</a></li>
</ul><br/><br/>
<div id="spacer"><img src="images/spacer.jpg" width="161" height="90"></div><br/>
<div id="spacer2"></div>
</div>
<div class="bloc_droite">
etc.... contenu dynamique du site...
Code : Tout sélectionner
.bas {
height:auto;
padding:0px;
padding-left:10px;
background:#ffffff;
text-align:center;
}
.bloc_gauche{
width:161px;
padding:0px;
float:left;
background-image:url(images/pixbleu.gif);
background-repeat:repeat;
text-align:left;
height:auto;
}
.bloc_droite{
width:696px;
float:right;
height:auto;
text-align:left;
}
#spacer{
height:90;
background-image:url(images/banners/spacer.png);
background-repeat:no-repeat;
}
Merci pour votre aide.
