Discussion :

[jip31]

Bonjour

J'utilise le code ci-dessous

Dans mon index :

Code :

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

1
2
3
 
<div id="boite1"><img src="images/maries.jpg"></div>
<div id="boite2"><img src="images/logo4.jpg"></div>

Dans ma feuille de style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
#boite1 { 
position:absolute; 
top:5%;
left:20%; 
width:60%; 
z-index:1; 
}
 
 
#boite2 { 
position:absolute; 
float:right;
top:17%; 
left:72%;
z-index:2; 
}

Le problème c'est que ma boite 2 bouge suivant que la résolution de l'écran change
Comment faire en sorte que rie ne change quelle que soit la résolution?
Merci d'avance

[Muchos]

Si tu ne veux pas que ça s'adapte à la résolution de l'écran (c'est pourtant une bonne chose), il ne faut pas utiliser d'unités relatives (ici: les pourcentages), mais des unités absolues (pixels, points…).

[Safi_heram]

Salut,
je ne suis pas sur de te comprendre donc j'ai des questions :
pourquoi tu met des position absolute sans avoir un bloc parent avec un position relative sinon ça va être le body le parent, est-ce voulu ? Puis le float et les positions avec des z-index pourquoi ?!

[wallas07]

Bonjour, tes div sont dominer par qui ? est ce le body ? , sinon tu nous recopie le morceau de code de l'html qui contient tes deux div et aussi sa partie css, sinon concernant tes valeurs il vaut mieux que tu utilise le px au lieu des %. J'attend ton retour