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. 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
      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. 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 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