Discussion :

[malabarbe]

Bonjour à tous, je m'explique :
J'ai 2 frames gauche 300px, droite = le reste
Dans la frame de droite j'affiche une DIV centré de 400x400
Dans cette DIV, j'affiche une mini DIV de 50x50

Je voudrais que la mini DIV en fonction de la résolution écran
s'affiche toujours a 100px a gauche du DIV conteneur.

Je récupère la largeur de l'écran par :

Code :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
function resolution() 
 { 
   var largeur = screen.width;
   alert (largeur);
 }
</script>

Merci pour vos conseils.

[melka one]

bonjour

en mettant le div conteneur en position relative il devient l'offsetParent et tous les élément a l’intérieur mis en position absolute aurons leur position déterminé par ce div

[malabarbe]

Bonsoir melka one,

Le conteneur est déjà en en position:relative

Mais, en fonction de la définition des écrans, ma mini DIV est décalée
pas de beaucoup, mais sufisant pour recouvrir des infos.

Donc, le problème reste entier.

A vous lire.

[malabarbe]

Bon, j'ai pris sur moi...

J'ai trouvé une bidouille certainement pas très orthodoxe,
mais elle a le mérite de fonctionner avec 4 résolutions
d'écran différenres sur les navigateurs suivants :
- Edge
- IE 11
- IE 8
- Google Chrome
- Mozilla
- Opéra
- Safari
- K-Meleon
- Avast Browser
Mon code :

Code :

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

1
2
3
4
5
6
7
 
// Left du conteneur		
var gauche = screen.width;				
var aa = gauche;
aa = aa/2;
aa = aa -405;
lili.style.left = aa;

Brut de décoffrage mais bon cela tourne super bien.
Merci au site pour toutes les bonnes infos récoltées.

[NoSmoking]

Bonjour,

J'ai 2 frames...

<frame> ou <iframe> ?

Code :

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

1
2
// Left du conteneur		
var gauche = screen.width;

que ce passe t-il si on réduit la fenêtre, tout part en vrille !?!

lili.style.left = aa;

ne jamais omettre les unités ici il faut ajouter +'px';.

Je pense qu'il y aurait matière à régler cela simplement en HTML/CSS.

[malabarbe]

Bonjour NoSmoking,

Oui, j'avais testé en CSS, mais résultats différents en fonction des navigateurs.

Si réduction fenêtre ok jusqu'à 20%
Si agrandissement fenêtre = décalage !

************************************
J'ai retravaillé mon CSS
Zoom jusqu'à 10% et jusqu'à 1000% = OK

Avec tous les navigateurs sauf "SAFARI" !!!

Merci pour les conseils.