Discussion :

[sasuke123456]

Bonjour,

J'ai crée un div qui contient deux div dont le premier est un background à fond transparent et le second, un texte. Cependant, je constate qu'il y a comme un découpage de l'image de fond lorsque je déplace ma page verticalement.
Peut-on résoudre ce problème afin d'éviter ce décalage?
Merci

Voici mon code

Code html :

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

1
2
3
<div style="position:relative;">
			 <div style="background-color:black;opacity: 0.5;top:0%;left:0%;height:100%;width:100%;visibility:hidden;position:fixed;" id="fondfenetre"></div>
                     <div style="background-image:url(../Image/form.png);top:10%;left:30%;width:500;height:500;visibility:hidden;position:fixed;" id="f">

[Bisûnûrs]

Pourrait-on avoir un exemple en ligne ? Ou les images et le code complet (le minimum permettant de reproduire le problème) ?

[sasuke123456]

voilà le code

Code html :

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
18
19
20
21
22
23
24
25
26
27
<div style="position:relative;">
			 <div style="background-color:black;opacity: 0.5;top:0%;left:0%;height:100%;width:100%;visibility:hidden;position:fixed;" id="fondfenetre"></div>
                     <div style="background-image:url(../Image/form.png);top:10%;left:30%;width:500;height:500;visibility:hidden;position:fixed;" id="' .$fenetre. '">
	                 <table >
 
					     <br>
						 <br>
						 <br>
						 <br>
						 <br>
		                 <tr>
			                 <td>
				                  <strong>Nom : </strong></td><td>'.$data['NOM'].'<br>
			                 </td>
 
						 </tr>
<tr>						 
			                 <td >
 
				                <table><tr><td>  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img src="../Image/del.gif" width="40" height="40" onclick="document.getElementById(\'' .$fenetre. '\').style.visibility=\'hidden\';document.getElementById(\'fondfenetre\').style.visibility=\'hidden\'"; /> 
								</td></tr></table>
			                 </td>
	                 	 </tr>
	                 </table>
	           </div>
 
			 </div>

[Bisûnûrs]

Ca ne répond pas à mes questions ... On peut avoir l'image aussi ? Comme ce n'est pas un code complet, utilises-tu un DOCTYPE ? Si non, tu devrais.

[sasuke123456]

Voilà l'image joint

C quoi un doctype?

[Bisûnûrs]

http://xhtml.developpez.com/faq/?pag...octype_utilite