2

Al rotar un elemento 90º no puedo colocarlo en posición fixed a la izquierda del todo?

Gracias

footer{
    transform: rotate(90deg);
    color: white;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    font-size: 12px;
    position: fixed;
    bottom: 0;
    left: 0;
    }
        <footer>
            <p>
                Creado por <a href="#" id="alvaro">Álvaro Torres</a>
            </p>
        </footer>

2 respuestas 2

2

Puedes usar la propiedad: writing-mode

footer{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    color: #333;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    font-size: 12px;
    position: fixed;    
    bottom: 0;
    left: 0;
}
<footer>
  <p>Creado por <a href="#" id="alvaro">Álvaro Torres</a></p>
</footer>

Info soporte: Prácticamente todos los navegadores modernos lo soportan (ver compatibilidades)

1
  • 1
    Genial @Aldanux, justo lo que estaba buscando. Es curioso porque no aparece en la guía de css3 que tengo. He encontrado algo en developer.mozilla.org Mil gracias :) el 27 ene. 2019 a las 13:42
0

Ya está a la izquierda, lo que pasa es que esa diferencia con el margen de la pantalla corresponde a la diferencia que hay entre alto y ancho del contenido. Yo lo que haría sería calcular con javascript el "height" del elemento footer y restárselo mediante css a la propiedad "left".

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.