Faites place... une histoire de div...

Faites place... une histoire de div... - HTML/CSS - Programmation

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

J'ai un ptit'problème,  
je souhaiterer aligner deux div dans un conteneur un positionné par rapport à la marge de gauche l'autre par rapport à la marge de droite.  
Ces deux div ont un largeur fixe.  
Lorsque le conteneur a une largeur inférieure à la somme de ces deux divs je souhaiterais que celui de droite glisse sous l'autre  
 

Code :
  1. div#VIP
  2. {
  3. position:relative;
  4. border: 1px solid #0000A4;
  5. margin-left:0px
  6. margin-right:0px
  7. }
  8. div#blocVIP
  9. {
  10. position:relative;
  11. margin-left:0px;
  12. width:342px;
  13. height:138px;
  14. }
  15. div#blocVIPCom
  16. {
  17.   position:absolute;
  18.   right:0px;
  19.   width:342px;
  20.   height:140px;
  21. }


 
voila, rien qu'en mettre 2 à coté j'y arrive pas je crois que mon conteneur doit etre mal défini
 
merci de votre aide


Message édité par Dorian BAC+4 le 12-02-2006 à 15:44:42
Reply

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

Reply

Marsh Posté le 12-02-2006 à 15:14:18    

utilise des float :
 
float:left;

Reply

Marsh Posté le 12-02-2006 à 15:45:55    

Code :
  1. div#VIP
  2. {
  3. position:relative;
  4. border: 1px solid #0000A4;
  5. margin-left:0px
  6. margin-right:0px
  7. }
  8. div#blocVIP
  9. {
  10. position:relative;
  11. float:left;
  12. width:342px;
  13. height:140px;
  14. }
  15. div#blocVIPCom
  16. {
  17. position:relative;
  18.   float:right;
  19.   width:342px;
  20.   height:140px;
  21. }


 
bon voila c ce qui se rapproche le plus de ce que je cherche mais arrivé à une dimension inférieure à la somme de la largeur des 2 div eh ben tt disparait... c pas vraiment ce que je veux koi :S


Message édité par Dorian BAC+4 le 12-02-2006 à 15:54:52
Reply

Marsh Posté le 16-02-2006 à 08:52:31    

up

Reply

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

Euh au hasard tu as essayé de mettre un overflow:auto sur ton #VIP ?


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Sujets relatifs:

Leave a Replay

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