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 :
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 :
<div id="caduce"><img src="images/caducee.jpg" height="140px" /></div>
Voici son code :
1 2 3 4 5 6
| #caduce
{
position:absolute;
top:0px;
left:568px;
} |
Voici le code de header qui je pense est son parent :
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
Partager