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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par tourismeenbretagne, 24 Mars 2008.

  1. tourismeenbretagne
    tourismeenbretagne WRInaute discret
    Inscrit:
    18 Juin 2004
    Messages:
    109
    J'aime reçus:
    0
    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 :

    Code:
    #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 :

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

    Extrait header-v2.php :

    Code:
    <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
     
  2. SuperCureuil
    SuperCureuil WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    567
    J'aime reçus:
    0
    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 :D
     
  3. tonguide
    tonguide WRInaute passionné
    Inscrit:
    28 Novembre 2003
    Messages:
    1 158
    J'aime reçus:
    0
    Rajoute "position:relative;" dans #header et ça marche
     
  4. tourismeenbretagne
    tourismeenbretagne WRInaute discret
    Inscrit:
    18 Juin 2004
    Messages:
    109
    J'aime reçus:
    0
    Merci pour ta réponse...

    ça fonctionne nickel maintenant !

    Greg
     
Chargement...
Similar Threads - [réglé] Superposition images Forum Date
[Réglé] Résultat de recherche indésirable dans la ligne verte Référencement international (langues, pays) 12 Février 2011
[reglé] Title, Meta et Includes Problèmes de référencement spécifiques à vos sites 11 Septembre 2009
[Réglé] Aide pour requete SQL Développement d'un site Web ou d'une appli mobile 30 Juillet 2009
[réglé][Url rewriting] Enlever les variables de sessions URL Rewriting et .htaccess 5 Mars 2009
[Réglé]Requette MySql avec date Développement d'un site Web ou d'une appli mobile 13 Février 2009
[Reglé] Mon serveur ne demarre plus :( Administration d'un site Web 12 Décembre 2008
[Réglé] Problème avec apostrophe dans la balise Title en PHP Développement d'un site Web ou d'une appli mobile 1 Décembre 2008
[réglé] Analyse du header avec une redirection permanente URL Rewriting et .htaccess 27 Novembre 2008
[Réglé] Aide sur Javascript Développement d'un site Web ou d'une appli mobile 27 Novembre 2008
[réglé] Url Rewriting et robots.txt Débuter en référencement 23 Novembre 2008
[reglé]Problème Undefined offset Développement d'un site Web ou d'une appli mobile 6 Novembre 2008
[Réglé] Exclure une URL d'une règle de réécriture URL Rewriting et .htaccess 4 Novembre 2008
[réglé]Reponse double dans une requête avec LEFT JOIN Développement d'un site Web ou d'une appli mobile 22 Octobre 2008
[réglé]Problème d'affichage en très haute résolution Développement d'un site Web ou d'une appli mobile 30 Août 2008
[réglé] url rewriting et apache 2 sur phpmy annu URL Rewriting et .htaccess 3 Juillet 2008
[Réglé]Recherche dans une BDD avec différent critère Développement d'un site Web ou d'une appli mobile 2 Juillet 2008
[réglé] Problème de css avec float Développement d'un site Web ou d'une appli mobile 28 Mai 2008
[reglé] Javascript : ajouter un lien sur une image Développement d'un site Web ou d'une appli mobile 27 Mai 2008
[Reglé] Afficher flux RSS en UTF-8 et ISO-8859-1 Développement d'un site Web ou d'une appli mobile 27 Mai 2008
[réglé] besoin d'aide sur création de sous domaine Développement d'un site Web ou d'une appli mobile 11 Mai 2008