Positionner pied de page par rapport au corps

Fermé
gremlin - 3 déc. 2007 à 21:21
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 3 déc. 2007 à 22:03
Bonjour,

comment je peux positionner le pied de page relativement au corps ?
Quelles fonctions css utiliser ?
FAut il utiliser un "if la longueur de la page depasse A, alors le pied de page sera a la suite de la page", "else on le mets toujours à 500 px en dessous du titre" ??

Merci pour ceux qui pourront m'aider
A voir également:

1 réponse

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
3 déc. 2007 à 22:03
Bonjour,

Pas besoin de ça.
Il suffit en général de le placer à la suite du reste
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Un titre</title>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #b0c4de;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      width: 760px;
      border : 1px solid #f0ffff;
      background-color: #f0f8ff;
      font-family: 'Trebuchet MS', Verdana, sans-serif;
      text-align: justify;
      }
    #corps p {
      margin : 2em 1em;
      }
    #pdp p {
      margin : 0 1em;
      }
    strong { color : #a55; }
  </style>
</head>
<body>
  <div id="conteneur">
    <div style="height:100px;border-bottom:1px solid #888;"><strong>&nbsp;en-tête&nbsp;</strong></div>
    
    <div id="corps" style="border-bottom:1px solid #888;">
      <strong>&nbsp;corps&nbsp;</strong>
      <p>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum neque. Vestibulum diam. Vivamus eu est non sapien fringilla volutpat. Aenean consectetuer odio at turpis. Nullam pretium arcu vitae sem. Ut viverra. Maecenas suscipit metus vel mi. Nullam mattis. Donec hendrerit massa vitae est. Maecenas consectetuer tincidunt dolor. Ut tincidunt ante ut est.
      </p>
      <p>
      Donec quis justo vitae metus imperdiet imperdiet. Proin a libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ornare imperdiet felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed leo risus, suscipit sit amet, ultricies sit amet, nonummy id, justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tellus nisl, ultricies a, cursus ac, cursus sit amet, mi. Integer at justo. Proin pretium nunc. Phasellus non elit vitae tellus facilisis euismod.
      </p>
      <p>
      In hac habitasse platea dictumst. Praesent a urna. Morbi pellentesque feugiat felis. Nam diam pede, convallis in, pellentesque sed, pulvinar quis, leo. Donec porta augue vel purus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus nec nisi quis pede laoreet scelerisque. Vivamus sit amet velit. Etiam lacinia, ante et dapibus congue, ipsum massa laoreet sapien, et faucibus sapien tortor quis justo. Praesent varius, neque viverra porttitor posuere, neque eros laoreet felis, ut laoreet turpis lectus eget dolor.
      </p>
    </div>
    <div id="pdp" style="height:70px;"><strong>&nbsp;pied de page&nbsp;</strong>
      <div style="font-size:90%;text-align:right;padding-top:.5em;">
        <p id="generated">Generated 3 paragraphs, 237 words, 1616 bytes of <a href="https://www.lipsum.com/" title="Lorem Ipsum">Lorem Ipsum</a></p>
        <p>En réponse à <a href="http://www.commentcamarche.net/forum/affich 4217064 positionner pied de page par rapport au corps">
        positionner pied de page par rapport au corps</a></p>
      </div>
    </div>
  </div>
</body>
</html>

--
0