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"> </td>
</tr>
</table>
</div>
</body>
</html>