Bonjour.
Dans mon site web, je possède un calque conteneur d'une taille fixe dans lequel j'affiche des articles.
Quand je clique sur un article ca ouvre une fenêtre modale dont voici le code.
Code :
- <div id="fancy_notification" style ="left: 225px; top: 60px; display: block;">
|
Les valeurs de left et top changent suivant l'article cliqué (recup des coordonnées en javascript je suppose)
Et voici le css
Code :
- #fancy_notification{
- position: absolute;
- background: #ffffff;
- border: 4px solid #cccccc;
- display: none;
- height: auto;
- z-index: 9;
- }
|
Quand je clic sur un article qui se trouve sur l'extrême droite, la fenêtre modale fait que le calque conteneur s'agrandi et des barres de défilement apparaissent.
N'y a t'il pas moyen de résoudre ce problème (faire apparaitre la fenêtre modale par dessus le calque conteneur)?
Merci d'avance
EDIT : voici le css du conteneur
Code :
- height:100%;
- min-height: 100%;
- overflow:auto;
|
C'est ce overflow:auto qui cause ce problème.
Mais si je l'enleve, mon conteneur ne prends pas la hauteur maximale de son contenu.
Pourquoi cela?
