Salut à tous !

Une fois n'est pas coutume, j'ai un problème de CSS comme vous pouvez le voir sur cette page :http://www.francoo-network.com/divers/renta

La ligne pointillée à droite du menu ne descend pas jusqu'en bas alors que c'est ce que je voudrais. J'ai essayé un tas de combinaisons de height, min-height, auto, 100%, 500px, etc... et je parviens pas à solutionner le problème.

Voici la version actuelle du code (parti centrale menu+contenu):

Code:

<div class="centre">     <div class="menu">         [contenu du menu]              </div>     <div class="contenu">         [contenu de la page]     </div> </div> <!-- fin centre -->

et le fichier CSS :

Code:

.centre { } .menu {    float: left;    padding: 5px;    width: 125px;    height: auto;    border-right: 1px dashed #739A39;    background-color: #EFEFEF; } .contenu {    float: left;    padding: 10px;    padding-top: 5px;    background-color: #EFEFEF; }

Si l'un d'entre vous à une illumination

bonsoir erwinol,

Pour utiliser les % il te faut une dim pour ton div centre, et si tu donnes une dim à ton menu il faut qu'elle soit plus grande que celle du contenu.

Je pense que le plus astucieux serait de mettre les pointillés sur la gauche de ton div contenu, puisque c'est lui qui pousse ton div centre, tes pointillés seraient ainsi toujours sur toute la hauteur.

il peut remplir le contenu avec des sauts de lignes ou lui donner une taille mini correspondant au menu 

Le problème est résolu grâce aux modèles de Sibelius ... ouais je sais c'est de la triche mais au moins ça marche

Celà dit, il me pose encore un problème au niveau du menu. Lorsque la page est longue, ça pousse le bas de page et tout est impeccable ! Mais dès que c'est le menu qui devient long (comme vous pouvez le voir en suivant à nouveau le lien que je vous avais donné), il dépasse du design. J'ai essayé d'y remédier en mentionnant une taille supérieure à la taille du menu mais rien à faire ! Le seule moyen d'avoir un long menu serait d'avoir un long contenu sur chaque page ... ce qui ne sera évidemment pas toujours possible.

Pourquoi un long contenu ne pose-t-il pas de soucis alors qu'un long menu en pose ?
Comment y remédier ?

Je vous donne la nouvelle version du CSS :

Code:

#menu {    position: absolute;    left:0;    width: 125px;    padding: 5px;    height: 5000px; } #contenu {    border-left: 1px dashed #739A39;    margin-left: 125px;    padding: 5px;    padding-left: 10px; }

et du HTML :

Code:

<div id="menu">     [Ici c'est le menu] </div> <div id="contenu">     [Ici c'est le réel contenu de la page] </div> <div id="footer">     [le footer avec différents liens] </div>

Alors ? Une illumination ?

La première solution ne fonctionne pas, je l'avais déjà testé. Même avec un menu de 5000 pixels il gardait la même taille. La seule manière de la faire grandir était de mettre un contenu plus long.

Je testerai ta 2ème solution ce soir et j'espère que ça va marcher parce que je voudrais pas passer tout mon temps à l'intégration alors que j'ai plein d'autres choses à faire.

Enfin une grade partie du code est déjà réalisée

Ah si, la deuxieme fonctionne, c'est ce que j'utilise et ça fonctionne aussi tres bien avec mozilla. Je te fait une page pour demain soir

C'est parfait sous IE mais pas tout à fait sous FireFox ... enfin je me contenterai ça ça

Merci bcp !