Probléme chevauchement texte et div en css

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par fabrice88, 1 Juin 2010.

  1. fabrice88
    fabrice88 WRInaute occasionnel
    Inscrit:
    15 Octobre 2007
    Messages:
    316
    J'aime reçus:
    0
    Bonjour ,
    j'ai un soucis avec des div.

    Code:
    .pub260 {position:relative; width:248px; background: url(../images/fd-minicdr.jpg) top repeat-x; margin:5px; padding:0; border:1px solid #999999; } 
    et 
    .basdroite { position: absolute; bottom: 0; right: 0;text-align:right; width:100%; height:25px; float:right; clear:both; background:#CCCCCC;} 

    si j'embrique mes 2 div j'ai la div 'basdroite' qui cache une partie du texte (la fin) qui se trouve dans '.pub260'

    exemple de code html :

    Code:
    <div class="pub260"> 
        <h2>Le Mag du Samedi</h2>  
        <p>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/></p> 
         
        <div class="basdroite"> 
        <a href="mag.php" title="Les mag du samedi" > 
        Les mags du samedi        </a> 
       <img src="../images/fleche-bleu.png" alt="Go" width="15" height="20" />         
       </div>         
    </div> 
     
  2. skyll
    skyll WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 085
    J'aime reçus:
    0
    peut-être en enlevant ça : position: absolute; bottom: 0; right: 0;
    de ton bas droite, ca ne devrais plus chevaucher ? non ?
     
  3. fabrice88
    fabrice88 WRInaute occasionnel
    Inscrit:
    15 Octobre 2007
    Messages:
    316
    J'aime reçus:
    0
    désolé sa fonctionne pas. Si j'enlève ceci je n'ai plus mon bas droite qui se retrouve en bas de ma div pub260 ou alors j'ai des décalages...

    Une autre idée ?
     
  4. skyll
    skyll WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 085
    J'aime reçus:
    0
    tiens, c'est marrant, mais en testant le code donné au début, je viens de m'apercevoir qu'il fonctionne (sans chevauchement)
    sur IE7, FF3.6 et chrome...
    c'est quoi ton navigateur ?
     
  5. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    ie5 pourquoi ? :lol:
     
  6. skyll
    skyll WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 085
    J'aime reçus:
    0
    ah okkkkkkkkkkkkkkkkk :lol:
     
Chargement...
Similar Threads - Probléme chevauchement div Forum Date
problème de redirection non souhaitée Administration d'un site Web 28 Avril 2022
Problème d'indexation Produits Prestashop Crawl et indexation Google, sitemaps 28 Avril 2022
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022
Problème : Google Crawl et Index des pages en No Index et bloqué par le robot.txt Crawl et indexation Google, sitemaps 26 Avril 2022
Problème avec GA4 : nb de visiteurs temps réel et par jour Google Analytics 19 Avril 2022
Problème indexation pages précises en React.js Débuter en référencement 19 Avril 2022
Problème de référencement Demandes d'avis et de conseils sur vos sites 8 Avril 2022
Problème adsence : Annonces ne s'affichent plus AdSense 10 Mars 2022
problèmes procédures stockées Administration d'un site Web 9 Mars 2022
Problème récupération fichier vps Développement d'un site Web ou d'une appli mobile 5 Mars 2022
Problème config postfix. Administration d'un site Web 5 Mars 2022
Search Console Problème d'indexation Crawl et indexation Google, sitemaps 24 Février 2022
Problème d'url canonique Problèmes de référencement spécifiques à vos sites 22 Février 2022
Problème indexation car élément "url" manquant sur logo Crawl et indexation Google, sitemaps 11 Février 2022
Problème avec un menu en ajax via jquery Problèmes de référencement spécifiques à vos sites 6 Février 2022
Problème url rewriting et redirection URL Rewriting et .htaccess 4 Février 2022
Search Console Problème indexation sitemap Problèmes de référencement spécifiques à vos sites 1 Février 2022
Problème de prise de mots clés Référencement Google 30 Janvier 2022
Search Console Probleme Meta title & Meta description fiche produit Référencement Google 27 Janvier 2022