Foros del Web » Creando para Internet » CSS »

Problemas con el background-position de un div

Estas en el tema de Problemas con el background-position de un div en el foro de CSS en Foros del Web. El asunto es que tengo div's con un height en porcentaje, le pongo el repeat-x, y quiero que me lo posicione abajo por lo que ...
  #1 (permalink)  
Antiguo 19/01/2010, 13:45
 
Fecha de Ingreso: enero-2009
Mensajes: 16
Antigüedad: 8 años, 10 meses
Puntos: 1
Exclamación Problemas con el background-position de un div

El asunto es que tengo div's con un height en porcentaje, le pongo el repeat-x, y quiero que me lo posicione abajo por lo que el backgraund-position lo pongo como bottom left, pero me da error, me parte la imagen.

noto que sólo me hace ese defecto cuando trabajo con porcentajes, lamentablemente es lo que necesito...


osea les dejo el código css que uso:

#header {
width:100%;
height:20%;
background:#0083B7 url(images/pasto.jpg) repeat-x bottom left;
}

Acá les dejo para que entiendan la imagen como queda:



saludos y muchas gracias, voy a ver en que puedo ayudar en el foro
  #2 (permalink)  
Antiguo 19/01/2010, 15:19
Avatar de LuisdaviD  
Fecha de Ingreso: octubre-2006
Mensajes: 74
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: Problemas con el background-position de un div

prueba con esto:

background:#0083B7 url('images/pasto.jpg') no-repeat bottom left;

Saludos.
  #3 (permalink)  
Antiguo 19/01/2010, 15:38
 
Fecha de Ingreso: enero-2009
Mensajes: 16
Antigüedad: 8 años, 10 meses
Puntos: 1
Respuesta: Problemas con el background-position de un div

gracias LuisdaviD asi si me lo pone debajo pero necesito que se haga el repeat-x... y al agregarlo me lo rompe...

veré si puedo solucionarlo de algun otro modo, muchas gracias por tu aporte
  #4 (permalink)  
Antiguo 19/01/2010, 15:56
 
Fecha de Ingreso: enero-2009
Mensajes: 16
Antigüedad: 8 años, 10 meses
Puntos: 1
Respuesta: Problemas con el background-position de un div

lo solucioné provisoriamente con el consejo de LuisdaviD y generando una textura muy grande en vez del repeat, si pudeo solucionarlo de otro modo lo publicare...

saludos
  #5 (permalink)  
Antiguo 19/01/2010, 15:59
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 9 años, 4 meses
Puntos: 105
Respuesta: Problemas con el background-position de un div

el error mas seguro es que la imagen se repite por que ese alto de 20% es mayor al tamaño de la imagen de fondo.....

por lo que tu solucion seria el tener a ese div como contenedor y dentro de este crear otro div... donde en este recien le des el fondo con el alto igual al de la imagen de fondo para que no te pase ese error de repeticion.

Suerte.
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:44.