Appliquer une marge à un div

Résolu
glennog Messages postés 337 Statut Membre -  
glennog Messages postés 337 Statut Membre -
Bonjour,

j'ai deux divs situés dans une page html , l'une au dessus de l'autre.
voici les propriétés de la première div :

  <div id="block1"> 


fichier de style 

 #block1

display:block; 
max-height:200px; 
overflow:auto"  




ensuite j'ai une deuxième div juste en dessous de la première , et je voudrais que quelque soit la taille de ma première div ( qu'elle devienne scrollable ) ou non , que ma deuxième garde toujours sa même position , je lui avais ajouté un
 margin-top à 180px
mais quand je lui applique cette marge , sa position est fonction de la hauteur de ma première div située au dessus ,

1) quand ma première div n'est pas scrollable , elle est situé à 180 px du bas de la première

2) quand ma première div devient scrollable , elle est située à 180px du bas de la première div

pourriez vous me dire comment faire pour que quelque soit la taille de ma première div , ma deuxième div reste dans la même position que je lui aurait indiqué ?

merci de votre attention

2 réponses

  1. BlackYoup Messages postés 184 Statut Membre 20
     
    Salut :)

    Peut être avec un
    #div2
    {
    position : absolute;
    bottom: 180px;
    }
    

    ?
    0
  2. jolyjump3r Messages postés 2055 Statut Membre 621
     
    c'est ca qui te faudrait ?

    #block {
    height: 200px;
    width: 200px;
    position: fixed;
    top: 180px;
    }
    0
    1. BlackYoup Messages postés 184 Statut Membre 20
       
      En fixed la div2 restera toujours à la même place sur la page, quelque soit la hauteur de #div1
      0
    2. glennog Messages postés 337 Statut Membre 4
       
      Merci beaucoup BlackYoup , c'est exactement ce que je voulais , je lui ai attribué une position absolu et ai ajouté un bottom , merci aussi à jolyjump3r pour ton post .
      Je vais le marquer en résolu
      0