Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: CiRy15 en 11 de Noviembre de 2011, 20:33:37 pm
-
Hola, últimamente estoy aprendiendo CSS y me a surgido una duda.
Me gustaría saber como la llama la función, o como lo puedo hacer, para que el fondo de un div tenga una altura que ocupe el tamaño de la pantalla del pc. Aver no se si me explico bien, quiero decir que el alto del div no es una altura fija ni automática, sino que se ajusta. He probado con height: 100%; pero no me funciona...
Porfavor y gracias por la ayuda :)
-
Bueno, no entendí muy bien, pero lo que quieres es que el fondo no se repita y que tome toda la screen:
background: url(imagen.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Post: http://www.phperos.net/foro/index.php?topic=7486.0
Saludos.
-
No es una imagen de fondo, sino un div que tiene como fondo una imagen o color.
.tab2 {
width: 463px;
height: AQUIESDONDENOSEQUEPONER;
background-color: #48b4ee;
float: left;
}
-
Sin float y con height: 100%; debería funcionar. ¿A qué te refieres al decir que no funciona?
-
El float lo necesito para ponerlo hacia la izquierda y no funciona me refiero a que me queda más grande.. pero estube preguntando y me dijeron q era porque el div no empieza desde el comienzo de la pantalla... Entonces si hubiera alguna forma de determinar donde empieza mm xD
-
El float lo necesito para ponerlo hacia la izquierda y no funciona me refiero a que me queda más grande.. pero estube preguntando y me dijeron q era porque el div no empieza desde el comienzo de la pantalla... Entonces si hubiera alguna forma de determinar donde empieza mm xD
Podrías usar calc(), pero eso es una característica bastante nueva y pocos navegadores la han implementado (si es que lo ha hecho alguno). Me temo que te toca recurrir al javascript.
-
Muy sencillo solo tienes que ponerle a boda y al HTML un height de 100% esos también te dan problema y si acaso un display:block :)