Discussion :

[galette]

Salut tous le monde,
J'ai un probleme totalement bizare avec IE.En fait j'ouvre une popup de taille fixe.En bas j'ai un div positionne en absolute pour apparaitre tout le temps en bas de la fenetre.En fait quand le popup s'ouvre le div n'apparait pas (j'ai verifie le code source , il est bien present).Il suffit que j'elargisse un peu la fenetre a la main et le div apparait. J'ai tente de reduire la largeur du div mais rien n'y fais.
J'utilise IE6
voila le code :

#outils{
position:absolute;
background:url(../img/fond_outils.png) no-repeat;
width:796px;
height:33px;
top:503px;
left:0px;
z-index:1;
}

Any ideas ?

Gaetan

[wyniwyg]

et ton code d'ouverture de pop-up?

[galette]

Oups desole pour l'oubli , voila :

<script type="text/javascript">
function lancepopup(url){
options = '';
options += 'directories = no'; //Affiche ou non les boutons de navigation
options += ',location = no'; //Affiche ou non la barre d'adresse
options += ',menubar = no'; //Affiche ou non la barre de menu (fichier, edition, ...)
options += ',resizable = no'; //Définit si la taille de la fenêtre est modifiable ou non
options += ',scrollbars = no'; //Affiche ou non les ascenceurs (barres de défilement)
options += ',status = no'; //Affiche ou non la barre d'état
options += ',toolbar = no'; //Affiche ou non la barre d'outils
options += ',width = 796';//(en pixels) Définit la largeur
options += ',height = 536';//(en pixels) Définit la hauteur

fen = window.open(url,'point_carburant',options);
fen.focus();
}

<a href="javascript:lancepopup('rubrique.php3?id_rubrique=4');" >test_rubrique</a>
</script>

[galette]

C'est bon j'ai touver la solution . En utilisant position:fixed; le probleme disparait .Sinon , dans l'optique de garder la position:absolute; , il suffit d'ajouter la propriete clear:both;. Merci au tuto : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 #outils{
  position:absolute;
  background:url(../img/fond_outils.png) no-repeat;
  width:796px;
  height:33px;
  top:503px; 
  left:0px;
  z-index:1;
  clear:both;
}

En esperant que ca puisse aider quelqu'un

Gaetan