28173 sujets

CSS et mise en forme, CSS3

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.

<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

#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

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?
Modifié par marseille (19 Nov 2007 - 15:56)