Foros del Web » Creando para Internet » CSS »

Background Image de un DIV centrada

Estas en el tema de Background Image de un DIV centrada en el foro de CSS en Foros del Web. Bien pues un saludo cordial a todos... Tengo este asunto que me ha dado un dolor de cabeza, lo que pasa es que estoy usando ...
  #1 (permalink)  
Antiguo 14/09/2008, 14:05
 
Fecha de Ingreso: septiembre-2008
Ubicación: Coyoacán
Mensajes: 4
Antigüedad: 15 años, 6 meses
Puntos: 0
Background Image de un DIV centrada

Bien pues un saludo cordial a todos...


Tengo este asunto que me ha dado un dolor de cabeza, lo que pasa es que estoy usando en mi sitio web una imagen de fondo que se repite a lo largo y a lo ancho (esto no me genera problemas) pero tengo un DIV CENTRADO al que le he asignado otra imagen de fondo centrada y sin repetirse. TODO esto funciona bien, pero quisiera lo siguiente:

que cuando hago pequeña la ventana del navegador, la imagen de fondo del DIV no se pierda o se vaya "out of bounds". o sea que siempre quede alineada con el contenido, que en este caso es un par de tablas, obvio las tablas no se siguen desplazando, siempre se centran de acuerdo al tamaño de la ventana, y cuando la ventana es más pequeña que las tablas, éstas se quedan pegadas a la izquierda.


este es el código:

Cita:
<!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/bkITEM.gif);
}
-->
</style>
</head>

<body>
<div style="background:url(IMGs/bk2.gif) top center no-repeat;">
<table width="778" height="138" border="0" align="center">
<tr>
<td height="15">&nbsp;</td>
</tr>
</table>
<br />
<table width="778" height="386" border="0" align="center">
<tr>
<td width="249" height="364">&nbsp;</td>
</tr>
</table>
</div>
</body>
</html>

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 00:06.