Foros del Web » Creando para Internet » CSS »

Mover DIV al achicar o agrandar página

Estas en el tema de Mover DIV al achicar o agrandar página en el foro de CSS en Foros del Web. Hola, necesito ayuda... ¿por que no se mueve una div de la web cuando achicas o agrandas la pantalla?: Adjunto código: Cita: <div id="background"> <div ...
  #1 (permalink)  
Antiguo 10/04/2009, 16:59
 
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 8 años, 8 meses
Puntos: 0
Mover DIV al achicar o agrandar página

Hola, necesito ayuda... ¿por que no se mueve una div de la web cuando achicas o agrandas la pantalla?:

Adjunto código:
Cita:
<div id="background">
<div id="container">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" id="banner_superior">
<tr>
<td bgcolor="#333333"><br />
<br /></td>
</tr>
<tr>
<td valign="top"><div align="center"><img src="images/banner_superior.jpg" width="931" height="92" /></div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="18"><div align="center">
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','images/vina_azul.jpg',1)"><img src="images/vina_gris.jpg" name="Image26" width="45" height="22" border="0" id="Image26" /></a></div></td>
<td bordercolor="0" bgcolor="#FFFFFF"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','images/vina_azul.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/vinos_azul.jpg',1)"><img src="images/vinos_gris.jpg" name="Image3" width="50" height="22" border="0" id="Image3" onmouseup="MM_showHideLayers('botonera_vinos','',' hide')" onmouseover="MM_showHideLayers('botonera_vinos','' ,'show')" /></a></div></td>
<td bgcolor="#FFFFFF"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/prensa_azul.jpg',1)"><img src="images/prensa_gris.jpg" name="Image4" width="61" height="22" border="0" id="Image4" /></a></div></td>
<td bgcolor="#FFFFFF"><div align="center"><a href="imagenes_recursos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/imagenes_recuros_azul.jpg',1)"><img src="images/imagenes_recuros_gris.jpg" name="Image5" width="155" height="22" border="0" id="Image5" /></a></div></td>
<td bgcolor="#FFFFFF"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/en_mundo_azul.jpg',1)"><img src="images/en_mundo_gris.jpg" name="Image6" width="100" height="22" border="0" id="Image6" /></a></div></td>
<td bgcolor="#FFFFFF"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/ubicacion_azul.jpg',1)"><img src="images/ubicacion_gris.jpg" name="Image7" width="85" height="22" border="0" id="Image7" /></a></div></td>
<td bgcolor="#FFFFFF"><div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/contacto_azul.jpg',1)"><img src="images/contacto_gris.jpg" name="Image8" width="82" height="22" border="0" id="Image8" /></a></div></td>
</tr>
</table>
</div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="5" valign="top"><div align="center"><img src="images/linea_gris.jpg" width="932" height="5" /></div></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF"><div id="botonera_vinos">
<table width="427" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="87"><a href="sauvignon_blanc.html"><img src="images/sauvignon_azul.jpg" width="96" height="16" border="0" /></a></td>
<td width="4"><img src="images/barra_gris.jpg" width="4" height="16" border="0" /></td>
<td width="165"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','images/sauvignon_fermented_azul.jpg',1)"><img src="images/sauvignon_fermented_gris.jpg" name="Image13" width="179" height="16" border="0" id="Image13" /></a></td>
<td width="4"><img src="images/barra_gris.jpg" width="4" height="16" /></td>
<td width="49"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/chardonnay_azul.jpg',1)"><img src="images/chardonnay_gris.jpg" name="Image15" width="71" height="16" border="0" id="Image15" /></a></td>
<td width="4"><img src="images/barra_gris.jpg" width="4" height="16" /></td>
<td width="24"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','images/pinot_azul.jpg',1)"><img src="images/pinot_gris.jpg" name="Image18" width="57" height="16" border="0" id="Image18" /></a></td>
<td width="4"><img src="images/barra_gris.jpg" alt="" width="4" height="16" /></td>
<td width="40"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','images/syrah_azul.jpg',1)"><img src="images/syrah_gris.jpg" name="Image19" width="38" height="16" border="0" id="Image19" /></a></td>
</tr>
</table>
</div>
Es la parte que está en rojo la que no se mueve.... pueden verla en : cproyecta.cl/vgs/index.html

Estoy realmente complicada ya que en cada computador esa botoner se ve en distinta posición y no logro hacer que se mueva con el resto

GRACIAS DE ANTEMANO
  #2 (permalink)  
Antiguo 11/04/2009, 08:56
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Mover DIV al achicar o agrandar página

pues no lo hace por que es un div con posicion absoluta, y le estás diciendo que se quede en top:xxpx y left:xxpx y no se moverá de ahí ni cambiará de forma
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 11/04/2009, 10:47
 
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Mover DIV al achicar o agrandar página

si, pero si le pongo "relative", "fixed", o cualquiera siempre me pasa lo mismo.
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 23:11.