Bonjour tout le monde,

J'ai créé un petit site qui contient entre autre une image dans un header.

Le problème est que cette image bouge par rapport à la résolution de l'écran des utilisateurs.

Si j'ai une grande résolution (1900*...) l'image est carrément en dehors du div.

Voici le code du div :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
<div id="header">
			<div id="logo"><img src="images/giggrand.gif" width="140" height="140" border="0" /></a></div>
			<div id="banniere">
				<h1>Analatycal</h1>
				<p>INSTITUTE</p>
			</div>
			<div id="caduce"><img src="images/caducee.jpg" height="140px" /></div>
		</div>
C'est donc cette div qui ne reste pas en place :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="caduce"><img src="images/caducee.jpg" height="140px" /></div>
Voici son code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
#caduce
{
	position:absolute;
	top:0px;
	left:568px;
}
Voici le code de header qui je pense est son parent :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
#header
{
	border-bottom:solid;
	border-color:#999999;
	position:relative;
 
}
Sauriez-vous me dire si une solution existe ?

Merci d'avance.

beegees