Foros del Web » Creando para Internet » CSS »

comportamiento peculiar de las imágenes de fondo

Estas en el tema de comportamiento peculiar de las imágenes de fondo en el foro de CSS en Foros del Web. hola chicos, oigan necesito su ayuda. soy diseñadora web aficionada, o sea que no tengo la preparación así como académica, pero me he leido algunos ...
  #1 (permalink)  
Antiguo 17/09/2008, 14:14
 
Fecha de Ingreso: septiembre-2008
Ubicación: Coyoacán
Mensajes: 4
Antigüedad: 9 años, 3 meses
Puntos: 0
comportamiento peculiar de las imágenes de fondo

hola chicos, oigan necesito su ayuda. soy diseñadora web aficionada, o sea que no tengo la preparación así como académica, pero me he leido algunos manuales y seguido ando checando el esqueleto de pags que me gustan y de ahí he llegado aquí.

mi problema es que estoy usando una imagen de fondo para un contenedor div, y esta imagen se relaciona directamente con el contenido del mismo, así que si se mueve pues todo sale mal. ya la tengo centrada con un top center no-repeat, pero algo sale mal!!!#!% cuando hago pequeña la ventana del navegador la imagen siempre se centra aunque ya no quepa en la ventana. y eso me tiene 1mareada.
a! y aparte si la ventana del navegador está pequeña, por alguna razón cuando le doy el scroll de izquierda a derecha la imagen se corta. qué pasa? alguien sabe? y conste que pasa en IE y en FF por igual!!!

cómo le hago para que esa imagen centrada no se pierda cuando hago chica la ventana? o sea que se quede sin arrastrarse pegada al lado izquierdo así como pasaría con cualquier imagen que no es de fondo

esto estoy haciendo:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>4DMX Service</title>
<style type="text/css">
<!--
body {
	background-color: #a0a0a0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-image: url(IMGs/bk1.gif);
}
-->
</style>
</head>

<body>
<div style="background:url(IMGs/bk2.gif) top center no-repeat;"><br />
  <table width="778" height="386" border="0" align="center">
  <tr>
    <td width="249" height="364">&nbsp;</td>
    </tr>
</table>
</div>
</body>
</html> 
  #2 (permalink)  
Antiguo 17/09/2008, 16:22
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: comportamiento peculiar de las imágenes de fondo

No entiendo del todo bien la consulta, pero si no quieres que se mueva, pégala a la izquierda:

<div style="background:url(IMGs/bk2.gif) top left no-repeat;">
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 24/09/2008, 21:12
 
Fecha de Ingreso: septiembre-2008
Ubicación: Coyoacán
Mensajes: 4
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: comportamiento peculiar de las imágenes de fondo

gracias, pero conseguí hacerlo asignándole un simple min-width al div
!
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 02:27.