¿Cómo puedo posición de mi derecho de autor footer en el centro de la parte inferior de mi pie sin establecer un relleno? Es allí cualquier manera «correcta» de hacerlo?

HTML

<footer class="footer">
    <div class="footerContainer">
        <p class="copyright">© GROUP TITLE 2015</p>
    </div>
</footer>

CSS

footer.footer {
    height: 300px;
    width: 100%;
    background-color: #333333;
}

p.copyright {
    color: #fff;
    line-height: 40px;
    font-size: 0.7em;
}

Ayuda, por favor.

tiene dos </div> etiquetas de cierre. Es que es una errata, o en su código? Estos deben ser </footer> etiquetas de cierre o viceversa.
w3.org/TR/html51/single-page.html#the-footer-element footer no puede contener footer.
Oh, acabo de notar que error tipográfico, se corrigió. @Ian
Gracias, no sabía que en todos los. @zzzzBov
Definir «en el final», sucintamente, en lo que se refiere a la composición. Una ilustración será suficiente si las palabras fallan.

OriginalEl autor James Snowy | 2015-12-11

3 Comentarios

  1. 4

    Probar este CSS:

    <style>
        footer {
            position: relative;
            height: 300px;
            width: 100%;
            background-color: #333333;
        }
    
        p.copyright {
            position: absolute;
            width: 100%;
            color: #fff;
            line-height: 40px;
            font-size: 0.7em;
            text-align: center;
            bottom:0;
        }
    </style>

    Y ajustar el código HTML para:

    <footer>
        <p class="copyright">© GROUP TITLE 2015</p>
    </footer>

    Y aquí está el el violín.

    Gracias, realmente me ayudó.

    OriginalEl autor Ian

  2. 2

    Esto debería funcionar.

    footer {
        position: relative;
    }
    .copyright{
        position: absolute;
        bottom: 0;
    }
    .footerContainer position: relative? O eliminar primero.

    OriginalEl autor Baldráni

  3. 0

    hacer que usted realmente necesita el pie de página y el pie de página de contenedor?

    bien no importa, que lo quieres en el final de la página o siempre en la parte inferior de la página visible?

    para el final de la página:

     CSS:
    
     footer {
           position: absolute;
           bottom:0; 
     }

    si quieres que en la parte inferior de la pantalla (siempre)

     CSS:
    
     footer {
           position: fixed;
           bottom:0; 
     }

    usted puede aprender mucho de estos fundamentos en http://www.w3schools.com (dirigida a la propiedad de posición de la página).

    y abviously tiene que cerrar lo de abrir..

    La posición no es un atributo. Es una propiedad
    lo sentimos gran error.
    Por Amor a Cristo, que es tan downvote feliz? Barreto la respuesta es correcta. Darle a alguien la cortesía, dándoles una oportunidad para rectificar un error antes de que usted downvote.
    bien gracias sobre ese punto

    OriginalEl autor Barreto Freekhealer

Dejar respuesta

Please enter your comment!
Please enter your name here