Mettre texte en bas a droite d'une page web

Bonjour,

mon fichier css :
#bas {
border:2px;
bottom : 200px;
position: absolute;
right: 100px;
font-family: times new roman;
}

mon fichier html :

<div id="bas">
Mentions légales
<br>
Accès administration
</div>

pouvez vous m'expliquer pourquoi mon texte ne s'affiche pas en bas de la page? J'ai bien essayé plusieurs choses mais rien ne fonctionne! ^^
merci +++
Configuration: Googlebot 2.1

6 réponses

  1. Bonjour,

    J'ai testé ceci et çà fonctionne bien :

    <html>
    <head>
    <style type="text/css">
    #bas 
    {
    position: absolute;
    bottom: 200px;
    right: 100px;
    border: 2px;
    font-family: times new roman;
    }
    </style>
    </head>
    <body>
    <div id="bas">
    Mentions légales
    <br>
    Accès administration
    </div> 
    </body>
    </html>


    Peut-être la déclaration du style qui posait problème...
    4
    1. Bonjour,

      Peut-être un pb de déclaration de style...
      Comme çà, çà marche sous IE et FF :

      <html>
      <head>
      <style type="text/css">
      #bas 
      {
      position: absolute;
      bottom: 200px;
      right: 100px;
      border: 2px;
      font-family: times new roman;
      }
      </style>
      </head>
      <body>
      <div id="bas">
      Mentions légales
      <br>
      Accès administration
      </div> 
      </body>
      </html>
      0
      1. Bonjour,

        Peut-être un problème de déclaration de ton style, comme çà, çà fonctionne sous IE et FF :

        <html>
        <head>
        <style type="text/css">
        #bas 
        {
        position: absolute;
        bottom: 200px;
        right: 100px;
        border: 2px;
        font-family: times new roman;
        }
        </style>
        </head>
        <body>
        <div id="bas">
        Mentions légales
        <br>
        Accès administration
        </div> 
        </body>
        </html>
        0
        1. Bonjour,

          Peut-être un problème de déclaration de ton style, comme çà çà fonctionne sous FF et IE :

          <html>
          <head>
          <style type="text/css">
          #bas 
          {
          position: absolute;
          bottom: 200px;
          right: 100px;
          border: 2px;
          font-family: times new roman;
          }
          </style>
          </head>
          <body>
          <div id="bas">
          Mentions légales
          <br>
          Accès administration
          </div> 
          </body>
          </html>
          0
          1. svp c'est pour mon stage...
            vertical-align ne fonctionne pas non plus a la place de bottom... quelqu'un aurait-il la gentillesse de me répondre?
            merci
            1