Foros del Web » Creando para Internet » CSS »

DIV al reducir alto se reduce background

Estas en el tema de DIV al reducir alto se reduce background en el foro de CSS en Foros del Web. Tengo un div que se maneja con el siguiente codigo: Código: #belt{ background:#eeeae1 url(../images/belt.gif) repeat-x left top; height:25px; width:100%; clear:both; } Pero al reducir el ...
  #1 (permalink)  
Antiguo 01/08/2009, 03:57
 
Fecha de Ingreso: octubre-2004
Mensajes: 198
Antigüedad: 19 años, 6 meses
Puntos: 1
DIV al reducir alto se reduce background

Tengo un div que se maneja con el siguiente codigo:

Código:
#belt{
background:#eeeae1 url(../images/belt.gif) repeat-x left top;
height:25px;
width:100%;
clear:both;
}
Pero al reducir el height se reduce la imagen de fondo, y yo lo que quiero es que al reducir el alto se visualice una menor parte de la imagen de fondo pero conservando el mismo tamaño.
Quiero que quede como si estuviese hecho en una tabla que al reducir la tabla las imagen de fondo no cambian su tamaño y solo se ve una porcion de la imagen.
__________________
La seguridad es la infinita inseguridad de lo seguro.
  #2 (permalink)  
Antiguo 01/08/2009, 04:04
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 15 años, 10 meses
Puntos: 28
Respuesta: DIV al reducir alto se reduce background

Hola HHnn,

Probaste poniendole la propiedad center al background????
__________________
Adivino del Foro y Admirador de Sabios
  #3 (permalink)  
Antiguo 01/08/2009, 17:30
Avatar de bex
bex
Colaborador
 
Fecha de Ingreso: julio-2003
Ubicación: Buenos Aires
Mensajes: 2.484
Antigüedad: 20 años, 9 meses
Puntos: 34
Respuesta: DIV al reducir alto se reduce background

HHnn, lo tenés subido a alguna web? Lo raro de lo que decís es que ese código debería estar haciendo lo que vos describís. Qué navegador/sistema operativo usás? Lo ves así en más de un navegador?

La reducción de la que hablas, es simplemente cambiar la regla CSS manualmente o en tu web tienes un script que lo hace?
  #4 (permalink)  
Antiguo 01/08/2009, 19:01
 
Fecha de Ingreso: octubre-2004
Mensajes: 198
Antigüedad: 19 años, 6 meses
Puntos: 1
Respuesta: DIV al reducir alto se reduce background

Es un template de joomla que le estoy haciendo unas modificaciones y en el archivo de los estilos ese es el codigo que le da el estilo a una de las div que estoy modificando.
Lo vi con google chroome y con ie 8 y en los dos pasa lo mismo, se reduce la imagen de fondo, la verdad es extraño, no lo entiendo.

MasterXNicoX hice eso qu eme dijiste, le quite left y le puse center pero el problema sigue igual.
__________________
La seguridad es la infinita inseguridad de lo seguro.
  #5 (permalink)  
Antiguo 01/08/2009, 19:05
Avatar de jackbach  
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: DIV al reducir alto se reduce background

Esque si reduces la capa reduces el fondo... porque el fondo es del div no de fuera del div.

O te explicas mejor o no vamos a ninguna parte...
  #6 (permalink)  
Antiguo 01/08/2009, 23:51
Avatar de bex
bex
Colaborador
 
Fecha de Ingreso: julio-2003
Ubicación: Buenos Aires
Mensajes: 2.484
Antigüedad: 20 años, 9 meses
Puntos: 34
Respuesta: DIV al reducir alto se reduce background

jackbach, lo que HHnn quiere decir es algo así. Supongamos que la background image tiene 50px de alto. Cuando el div también tiene 50 px de alto, la img se ve bien tal como es. Pero si al div le das 25px, por ejemplo, la imagen se deforma y toma el height del div. Esto no debería pasar.

El correcto comportamiento sería que la imagen, si el div tiene 25px de alto, sólo se vea hasta la mitad. Pero no achicarse (resize) como describe nuestro amigo.

Estoy en lo correcto HHnn? es eso lo que pasa? Si no es así, por favor corregime.
Con respecto al problema, estás seguro que el div no hereda ningún otro estilo de elementos padres? Es algo muy común en CMS's.

Saludos!
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 05:51.