comportamiento peculiar de las imágenes de fondo

cosmocrop · #1 (**permalink**) 17/09/2008, 13:14

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>

Mikmoro · #2 (**permalink**) 17/09/2008, 15:22

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;">

cosmocrop · #3 (**permalink**) 24/09/2008, 20:12

gracias, pero conseguí hacerlo asignándole un simple min-width al div
!