[réglé] Superposition d'images - problème de positionnement

[tourismeenbretagne]

Bonjour,

Je souhaite superposer une image sur une autre.

Mon problème : l'image de premier plan (bannière adsense) se positionne par rapport aux bords de la page et non pas par rapport à l'image en arrière plan (header).

Exemple à voir ici : http://www.photos-de-voyage.info/index-v2.php (haut de page)

Extrait de mon fichier css :

#header
{
           width: 100%;
    height: 320px;
    background: #000;
}

#header-adsense
{
           width: 468px;
    height: 60px;
    background: #000;
    top: 15px;
    right: 10px;
    position: absolute
}

Extrait page index-v2.php :

<?php
include("http://www.photos-de-voyage.info/include/header-v2.php");
?>

Extrait header-v2.php :

<div id="header">
<div id="header-adsense">
<?php
include("http://www.photos-de-voyage.info/include/header-adsense-v2.php");
?>
</div>
<script language="JavaScript">
banniere();
</SCRIPT>
<!-- FIN DU SCRIPT -->        
</div>

Si vous avez une idée pour régler ce problème... :wink:

Greg

 

[SuperCureuil]

Salut,

En utilisant la position absolute pour ton bloc header-adsense, tu ne peux pas te référer aux attributs minimalistes (top et right) sous peine de voir ton positionnement se faire par rapport à ta page ...

Supprime top et right et remplace-les par margin-top et margin-right (en modifiant les distances évidemment), ça devrait donner ce que tu attends

 

[tonguide]

Rajoute "position:relative;" dans #header et ça marche

 

[tourismeenbretagne]

Rajoute "position:relative;" dans #header et ça marche

Merci pour ta réponse...

ça fonctionne nickel maintenant !

Greg