Comunidad de diseño web y desarrollo en internet online

backgroung image no cubre el alto de la página

Citar            
MensajeEscrito el 03 Jun 2010 07:33 am
Hola...

Me gustaría saber qué propiedades css pueden afectar en que una imagen de fondo no cubra toda la altura del navegador. He jugado con los float, overflow y position pero sigo sin dar con la solución. También he incluído un div vacio con clear:both al final del div contenedor y no he consguido nada.

Alguna idea?

Muchas gracias. Un saludo.

Por mutiu

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Jun 2010 01:54 pm
background:url (tu_arichivo_de_fondo.jpg) repeat;

Por NeoCesar

Claber

1415 de clabLevel

14 tutoriales

Genero:Masculino  

Algun lugar dentro de la Matrix (Lima - Perú)

chrome
Citar            
MensajeEscrito el 03 Jun 2010 02:01 pm
En primer lugar gracias por la respuesta.

Haciendo el repeat, si que se cubre todo el alto, pero nota un corte cuando termina una imagen y empieza la siguiente. Yo lo que quiero es que la imagen se estire adaptándose al height del navegador.

Un saludo.

Por mutiu

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Jun 2010 02:17 pm
¬¬ eso no lo vas a conseguir con la propiedad background de CSS pues esta no modifica las dimensiones al menos no en CSS2, me parece que en CSS3 si incluiran una propiedad para eso, lo que puedes hacer es crear un DIV y dentro del mismo colocar tu imagen de fondo con un width de 100% y un height del 100% una vez echo esto, establece el DIV como position:fixed, top:0, left:0, width:100%, height:100%, z-index:-100; con eso pondras tu div debajo del resto de tu contenido a manera de fondo, pruebalo y nos cuentas

Por NeoCesar

Claber

1415 de clabLevel

14 tutoriales

Genero:Masculino  

Algun lugar dentro de la Matrix (Lima - Perú)

chrome
Citar            
MensajeEscrito el 03 Jun 2010 02:55 pm
funcionó!! Muchas gracias...

Por mutiu

15 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.