Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de design

le pied de page

Sujet résolu
    13 mai 2006 à 22:03:57

    Bonjour à tous !

    J'ai un petit problème avec mon site web. J'ai un header, un menu, le corps (qui contient les pages) et un footer. Lorsque mes pages sont longues, le footer est juste en dessous et il n'y a pas de problème. Par contre, si ma page est courte, le footer entre en collision avec le menu. Je ne sais pas si je suis très clair, mais voici des images qui expliquent mieux mon problème :

    Lorsque ma page est longue: http://img318.imageshack.us/img318/4127/pagelongue4vc.png

    Lorsque ma page est courte: http://img318.imageshack.us/img318/7958/pagecourte4jg.png

    Je travaille avec des includes et du css.
    Le code css du footer est :
    #bas
    {

            width:760px;
            height:50px;
           
            padding:20px;
            text-align:center;
           
    }


    Je vous remercie à l'avance pour votre aide !
    • Partager sur Facebook
    • Partager sur Twitter
      13 mai 2006 à 22:31:51

      Salut,
      peut tu nous montrer ton code général ?

      Comment le menu est-il positionné ? (Float ? Absolue ?)
      • Partager sur Facebook
      • Partager sur Twitter
        13 mai 2006 à 22:35:04

        Bonsoir,
        A ton footer rajoute clear: both >

        #bas {
            clear: both;
            width:760px;
            height:50px;
            padding:20px;
            text-align:center;   
        }


        Résolu ! ^^
        • Partager sur Facebook
        • Partager sur Twitter
          13 mai 2006 à 22:38:30

          Il est en float left

          baba0076 --> merci beaucoup !
          • Partager sur Facebook
          • Partager sur Twitter
            13 mai 2006 à 22:40:16

            Derien, j'ai eu le même problème alors j'aide à mon tour ! ;)
            "Clear: both" permet à un <div> de se mettre en dessous de ceux d'avant ! ;)
            • Partager sur Facebook
            • Partager sur Twitter
              13 mai 2006 à 22:41:42

              Un simple clear:left; suffit si il est en float:left; ;)
              • Partager sur Facebook
              • Partager sur Twitter
                13 mai 2006 à 22:42:23

                Ok, il me semble que j'avais déjà vu clear quelque part. Je suis retourné dans les cours de Matéo et en fait ça permet de dire que l'élément doit être en dessus du float, mais je me ne souvenais plus de ceci. Encore merci !
                • Partager sur Facebook
                • Partager sur Twitter

                Problème de design

                × 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