Oki,

merci de l'astuce :wink:

Salut skystef

J'avais le même problème que toi et j'avais essayé les méthodes du spacer...
Mais sans succés,j'ai trouvé sur un site dont je ne me souviens plus du nom une solution qui marche pour moi:
Il faut que tu déclare un conteneur qui englobe les 2 blocs,ensuite tu déclares une couleur de fond pour le bloc.En faisant ça ton conteneur va s'adapter au contenu....

Voilà :wink:

Avant de lâchement retourner vers les tableaux, étudie un peu mieux les liens que zigz4g t'a filé
Notamment le chapitre "La solution : le spacer" de la page open web, si j'ai bien saisi ton problème

Et éventuellement celui-ci : http://www.phpfrance.com/forums/voir_sujet-11483.php

Même moi qui suis un blaireau des CSS, j'ai réussi à faire ce que je voulais et en pas trop longtemps encore ;)

J'ai essayé cette solution mais la couleur sous tout mon bloc de droite. Et quand je définit une taille pour que le bloc de droite superpose la couleur, si le texte est trop long, ça ne fait pas descendre le bloc du bas de page...


Je vais tout refaire en tableau je crois...

Salut.
Ton problème ne viendrait-il pas de tes div qui sont en float right et left.
[url]http://css.alsacreations.com/Tutoriels-et-articles-divers/Des-blocs-de-meme-hauteur-sans-tableaux[/url]
[url]http://openweb.eu.org/articles/initiation_float/[/url]

Bonjour,

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...

[url=http://img135.imageshack.us/my.php?image=sc7ki.jpg][img]http://img135.imageshack.us/img135/4444/sc7ki.th.jpg[/img][/url]

Le code de ma page est le suivant :


[code]<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]

et dans ma css j'ai :

[code]

.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;
}

[/code]

spacer c'est une div qui se trouve en dessous de mon menu et qui contient juste une image. Si je met la taille à auto on ne voit plus la div.


Merci pour votre aide.