Autor Tema: [Duda] Alto de div que llege hasta el final  (Leído 787 veces)

Desconectado CiRy15

  • PHPer@ Fijo
  • ***
  • Mensajes: 236
  • Karma: 2
  • Sexo: Femenino
    • Ver Perfil
[Duda] Alto de div que llege hasta el final
« 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  :)

Comunidad PHPeros

[Duda] Alto de div que llege hasta el final
« en: 11 de Noviembre de 2011, 20:33:37 pm »

Desconectado Edwin

  • PHPero Avanzado
  • ****
  • Mensajes: 404
  • Karma: 8
  • Sexo: Masculino
    • Ver Perfil
Re:[Duda] Alto de div que llege hasta el final
« Respuesta #1 en: 11 de Noviembre de 2011, 20:41:40 pm »
Bueno, no entendí muy bien, pero lo que quieres es que el fondo no se repita y que tome toda la screen:
Código: [Seleccionar]
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.

Desconectado CiRy15

  • PHPer@ Fijo
  • ***
  • Mensajes: 236
  • Karma: 2
  • Sexo: Femenino
    • Ver Perfil
Re:[Duda] Alto de div que llege hasta el final
« Respuesta #2 en: 11 de Noviembre de 2011, 20:44:14 pm »
No es una imagen de fondo, sino un div que tiene como fondo una imagen o color.
Código: [Seleccionar]
.tab2  {
width: 463px;
height: AQUIESDONDENOSEQUEPONER;
background-color: #48b4ee;
float: left;
}

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[Duda] Alto de div que llege hasta el final
« Respuesta #3 en: 11 de Noviembre de 2011, 23:03:19 pm »
Sin float y con height: 100%; debería funcionar. ¿A qué te refieres al decir que no funciona?

Desconectado CiRy15

  • PHPer@ Fijo
  • ***
  • Mensajes: 236
  • Karma: 2
  • Sexo: Femenino
    • Ver Perfil
Re:[Duda] Alto de div que llege hasta el final
« Respuesta #4 en: 12 de Noviembre de 2011, 10:39:50 am »
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

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[Duda] Alto de div que llege hasta el final
« Respuesta #5 en: 12 de Noviembre de 2011, 11:51:13 am »
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.

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:[Duda] Alto de div que llege hasta el final
« Respuesta #6 en: 12 de Noviembre de 2011, 16:01:57 pm »
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 :)