Alignement vertical de DIV

Alignement vertical de DIV - HTML/CSS - Programmation

Marsh Posté le 11-02-2006 à 14:36:54    

bonjour  :hello:  
 
voila mon problème, je voudrais obtenir ceci :
 
http://sam824.free.fr/qcm/align_vertical.jpg
 
c'est à dire que quand la div question est plus grande que celle réponse le positionnement de la div réponse soit au milieu de la div question
 
et quand cest la div réponses qui est plus grande, mettre la div question au milieu de la div choix
 
 
NB :quand je dis milieu c'est juste l'alignement vertical
 
voici mon code CSS qui pour l'instant affiche les 2 div a la meme hauteur
 

Code :
  1. .noir {
  2. border-style:solid;
  3. border-width:1px;
  4. border-color:white;
  5. background-color:silver;
  6. color:black;
  7. width:60%;
  8. /*padding-right:13em;*/
  9. /*padding:10px;*/
  10. /*height:250px;*/
  11. float:left;
  12. }
  13. .gris {
  14. border-style:solid;
  15. border-width:1px;
  16. border-color:white;
  17. background-color:#acd5e2;
  18. margin-left:62%;
  19. color:black;
  20. /*z-index:1;*/
  21. /*padding:10px;*/
  22. /*height:250px;*/
  23. }
  24. .spacer {
  25.   clear: both;
  26.   visibility: hidden;}


 
Mon schéma html

Code :
  1. <div>
  2. <div class="black">blablabla</div>
  3. <div class="gris">blablabla</div>
  4. <div class="spacer">  </div>
  5. </div>


Merci d'avance et soyez indulgents je découvre le css


Message édité par pinpoy le 11-02-2006 à 14:39:50
Reply

Marsh Posté le 11-02-2006 à 14:36:54   

Reply

Marsh Posté le 12-02-2006 à 12:31:31    

c'est impossible ou jai raté quelquechose et la réponse est évidente....??
 
svp quelques réponses

Reply

Marsh Posté le 12-02-2006 à 13:06:19    

j'avais déjà demandé... oubli!

Reply

Marsh Posté le 12-02-2006 à 15:17:59    

Avec du vertical-align ???

Reply

Marsh Posté le 13-02-2006 à 02:11:00    

vertical align cest sur les balises de tableaux or le but c'est de pas avoir de tableau ;-)

Reply

Sujets relatifs:

Leave a Replay

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