Appliquer une marge à un div [Résolu/Fermé]

Messages postés
294
Date d'inscription
jeudi 3 janvier 2013
Statut
Membre
Dernière intervention
19 novembre 2013
- - Dernière réponse : glennog
Messages postés
294
Date d'inscription
jeudi 3 janvier 2013
Statut
Membre
Dernière intervention
19 novembre 2013
- 17 août 2013 à 16:26
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
Afficher la suite 

2 réponses

Messages postés
181
Date d'inscription
mardi 4 décembre 2012
Statut
Membre
Dernière intervention
10 juin 2014
5
0
Merci
Salut :)

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

?
Messages postés
1876
Date d'inscription
mardi 8 novembre 2011
Statut
Membre
Dernière intervention
30 septembre 2019
512
0
Merci
c'est ca qui te faudrait ?

#block {
height: 200px;
width: 200px;
position: fixed;
top: 180px;
}
BlackYoup
Messages postés
181
Date d'inscription
mardi 4 décembre 2012
Statut
Membre
Dernière intervention
10 juin 2014
5 -
En fixed la div2 restera toujours à la même place sur la page, quelque soit la hauteur de #div1
glennog
Messages postés
294
Date d'inscription
jeudi 3 janvier 2013
Statut
Membre
Dernière intervention
19 novembre 2013
3 -
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