Partage
  • Partager sur Facebook
  • Partager sur Twitter

Décalage de div

Sujet résolu
    1 janvier 2006 à 17:41:33

    Bonjour à tous !

    voilà :


       <div id="corps"><!--debut du contenu de l'accueil-->

            <div class="en_tete_corps"></div>
                           
            <div class="contenu_corps">
                    <h1>Corps</h1>
                    <p>corps</p>
                    <p>corps</p>
                    <p>corps</p>
                    <p>corps</p>
                    <p>corps</p>
                    <p>corps</p>
            </div>

            <div class="pied_corps"></div>

       </div><!--fin du contenu de l'accueil-->



    #corps /* Marge et alignement du texte dans le corps*/
    {
            margin-top: 100px;
            text-align: left;
            text-indent: 20px;
            width: 450px;
            margin-left: 175px;
    }

    .en_tete_corps
    {
            background: url(images/en_tete_corps.jpg) no-repeat;
            height: 15px;
    }

    .contenu_corps
    {
            background: url(images/contenu_corps.jpg) repeat-y;
    }

    .pied_corps
    {
            background: url(images/pied_corps.jpg) no-repeat;
            height: 15px;
    }


    Les mesures sont bien respectifs des images de fonds...

    Pour le style de police :


    h1
    {
            text-align: center;
            text-decoration: underline;
            text-indent: 0px;
            font-weight: bold;
            margin-top: 0px;
            margin-bottom: 30px;
            color: #FFFFC0;
    }

    p
    {
            margin-top: 0px;
            margin-bottom: 0px;
    }



    Le problème :

    décalage de quelques pixels entre :

    <div class="en_tete_corps"></div>
    <div class="contenu_corps"></dix>

    et ce même décalage après :

    <div class="pied_corps"></div>

    apparement ça concernerait le bas de l'en_tete_corps et celui du pied_corps
    si j'laisse le repeat-y bien sur ce décalage est comblé par l'image répétée...


    Merci...

    [edit] Marche Parfaitement sous Firefox, c'est sous IE que ça merde ! [/edit]
    • Partager sur Facebook
    • Partager sur Twitter
      4 janvier 2006 à 13:44:09

      Petit et seul UP pour certain(e)s qui ne l'aurait pas vu...
      Sinon j'abandonne ce graphisme, dommage !
      • Partager sur Facebook
      • Partager sur Twitter
        4 janvier 2006 à 13:45:30

        Regarde quelques posts plus bas, j'ai le même problème toujours pas résolu d'ailleurs :(
        Une solution est proposée, peut-être cela marchera-t-il pour toi.
        • Partager sur Facebook
        • Partager sur Twitter
          4 janvier 2006 à 14:15:59

          Non malheureusement ça ne marche pas, mais si c'est pas exactement le même problème étant donné que c'est en vertical pour moi et en horizontal pour moi...
          • Partager sur Facebook
          • Partager sur Twitter
            4 janvier 2006 à 14:30:21

            Donne-nous au moins un aperçu graphique du problème, que l'on sache par où commencer.

            Mais déjà, je te conseille de donner une taille à tes blocs.
            • Partager sur Facebook
            • Partager sur Twitter
              4 janvier 2006 à 18:20:46

              La hauteur est donné ! c'est le plus important !
              ça ne change rien de toute façon...

              voilà je sais pas si on voit bien :

              Image utilisateur

              En Vert : Le corps (corps)
              En Noir : L'en-tête (en_tete)
              En Bleu : le pied (pied_corps)
              En Rouge : le contenu (contenu_corps)

              On peu bien voir le décalage :
              en_tete <=> contenu_corps
              pied_corps <=> corps
              • Partager sur Facebook
              • Partager sur Twitter
                4 janvier 2006 à 19:09:05

                Salut,

                Je pense que tu as deviné d'où vient le problème puisque tu mets le css de la balise <h1>.

                J'ai souvent le même problème et pour le règler malgré les marges à 0 du bloc contenant et bloc contenu, il faut utiliser un tout petit padding-top sur ton .contenu_corps, normalement ça marche.


                .contenu_corps{
                  padding-top: 1px;
                }


                Nb: augmentes le padding si il y a toujours un décalage.
                • Partager sur Facebook
                • Partager sur Twitter
                  4 janvier 2006 à 19:59:34

                  Le <h1> qui domine le paragraphe du contenu n'est pour rien étant donné que quand je le retire celà reviens a même, pareil pour les paragraphes <p>.
                  Ton idée ne marche malheureusement pas... merci comme même...
                  (ça fait que de décaler du nombre de pixel le texte vers le bas sans que le contenu_corps ne soit rapproché de l'en_tete.)
                  • Partager sur Facebook
                  • Partager sur Twitter
                    4 janvier 2006 à 20:14:55

                    Et il y a quoi dans <div class="en_tete_corps"></div> ?

                    T'as un lien vers ta page ?
                    • Partager sur Facebook
                    • Partager sur Twitter
                      4 janvier 2006 à 20:55:54

                      j'peux pas hébergé la page tout de suite mais p'tet demain si j'voix mon pote...
                      dans cette class il y a une image de 15px de hauteur et 450px de large...
                      c'est marqué dans le css...
                      • Partager sur Facebook
                      • Partager sur Twitter
                        6 janvier 2006 à 18:37:39

                        J'ai fais un
                        margin-top: -4px;

                        pour les h1 et comme il y aura que ça juste en dessous des en-tête c'est bon...

                        Merci comme même ! Bonne continuation à tous !
                        • Partager sur Facebook
                        • Partager sur Twitter

                        Décalage de div

                        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                        • Editeur
                        • Markdown