Positonnement CSS

Positonnement CSS - HTML/CSS - Programmation

Marsh Posté le 20-06-2005 à 15:03:08    

Bonjour,  
je suis en train de réaliser un menu ayant une image en bas (pas tres comprehensible, desolée)
 
voila ma page HTML

Code :
  1. <div id="menuGauche">
  2.  <div class="menuGauche" name="mg">
  3.   {rubriqueAdmin}
  4.  </div>
  5.  <div class="bas">
  6.  </div>
  7. </div>


 
et ma feuille de style :  

Code :
  1. #menuGauche {
  2. position: absolute;
  3. left: 10px;
  4. top : 150px;
  5. width : 176px;
  6. background-color: #1D6186;
  7. /*padding-left:10px;*/
  8. padding-top:10px;
  9. height:expression(this.scrollHeight < 400? "400px" : "auto" );
  10. min-height: 400px;
  11. text-align : left;
  12. font-weight: bold;
  13. background: url(fondMenuGauche.JPG);
  14. }
  15. .bas {
  16. height: 40px;
  17. width: 176px;
  18. top : 150px;
  19. background-repeat: no-repeat;
  20. font-size:1px; /* correction d'un bug IE */
  21. vertical-align : bottom;
  22. background: url(bas.JPG);
  23. }


 
Je souhaiterai que l'image d'arriere plan de la partie .bas soit tout le temps en bas de mon menu. La taille du menu est variable en fonction de son contenu, j'ai réussit a lui donner une taille minimum, Je n'arrive pas a faire de meme pour la partie basse (.bas), elle remonte automatiquement en dessous du contenu.
 
Je ne sais pas si ce que je viens de dire est trs comprehensible, si cela ne l'est pas, je peux faire un sreenshot du resultat!
 
Quelqu'un pourrait donc m'aider???
 
Marci par avance, karine

Reply

Marsh Posté le 20-06-2005 à 15:03:08   

Reply

Marsh Posté le 20-06-2005 à 15:09:16    

vire moi ta merde on va faire plus simple :  
 
ton HTML :  
 

Code :
  1. <div id="menuGauche">
  2. </div>


 
 
 
ton CSS

Code :
  1. #menuGauche {
  2.     position: absolute;
  3.     left: 10px;
  4.     top : 150px;
  5.     width : 176px;
  6.     background-color: #1D6186;
  7.     /*padding-left:10px;*/
  8.     padding-top:10px;
  9.     height:expression(this.scrollHeight < 400? "400px" : "auto" ); /*Pourquoi tu mets ça ???????*/
  10.     min-height: 400px;
  11.     text-align : left;
  12.     font-weight: bold;
  13.     background: url(fondMenuGauche.JPG);
  14.     backgroud-position : bottom; /*C'est plus simple là non ????*/
  15. }

Reply

Marsh Posté le 20-06-2005 à 15:11:38    

pourquoi tu done une position absolue ??

Reply

Marsh Posté le 20-06-2005 à 15:17:24    

gatsusat a écrit :

vire moi ta merde on va faire plus simple :  
 
ton HTML :  
 

Code :
  1. height:expression(this.scrollHeight < 400? "400px" : "auto" ); /*Pourquoi tu mets ça ???????*/



MSIE, calcul dynamique de la hauteur de la zone, équivalent à min-height...
 
C'est un peu con vu que height: 400px devrait avir le même effet (enfin _height: 400px pour être précis, underscore hackz rulz), mais c'est très pratique pour émuler max-height


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 20-06-2005 à 15:17:24    

gatsusat >> Je crois que tu n'as pas bien compris ce que je souhaitai faire, en fait, l'imade de fond ke j'avais dans ma class .bas est différente de celle du menu gauche, dans la partie de code que tu viens d'ecrire tu n'appelle jamais mon image de bas
 
 

Code :
  1. height:expression(this.scrollHeight < 400? "400px" : "auto" ); /*Pourquoi tu mets ça ???????*/

Sert a faire varier la taille du menu en fonction du contenu du menu, si le menu est petit dans tous les cas il aura une taille min, et c'est cette meme taille min que je veux utiliser pour l'image de donc de ma classe .bas
 
kirua_sama >> Parque ma page est composée de plusieurs éléments et avec des taille reltives, rien n'est en place

Reply

Marsh Posté le 20-06-2005 à 15:43:41    

ben tu fous 2 div l'un dans l'autre
 
<div id="MenuCont1">
<div id="Menupourimgbas">
Mon putain de menu
</div>
</div>
 
et dans tes CSS
#menucont1{
backgroundimage : url('monimagedegauche.gif');
}
 
#Menupourimgbas{
backgroundimage : url('monimagedebas.gif');
}
 

Reply

Marsh Posté le 20-06-2005 à 16:15:14    

faut avouer que dès qu'il y a du contenu dynamique, faut avoir des bonnes connaissances en css pour arriver à un truc bien.

Reply

Marsh Posté le 20-06-2005 à 16:17:33    

oui, mais justement, je suis la pour apprendre ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed