Foros del Web - Ver Mensaje Individual - [AYUDA] DIVS

MadKat · #1 (**permalink**) 10/11/2008, 15:52

Hola a todos, hace un tiempo habia creado un tema porque tenia problemas que se generaban espacios blancos cuando veia mi web en determinadas computadoras.

Pense que era por maquetar con tablas entonces decidi hacerlo con DIVS.

El tema es el siguiente, en mi PC (res: 1680 x 1050) veo perfecto el sitio, en mi laptop, lo mismo, pero en determinadas computadoras (con la misma resolucion) se ve mal, ya no entiendo que mas puedo hacer o cual puede ser el problema.

La direccion es esta:

yo ahora la veo perfecto aqui, tanto en FIREFOX como SAFARI y IE, pero en otra pc con la misma resolucion a la mia, no :S

Dejo el codigo, lo que hice fue poner todo en un DIV contenedor y luego, MENU, FOTOS y cada caja en otro DIV c/u. Esta bien hecho asi?

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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
.divmenu {
	height: 30px;
	width: 932px;
	background-image: url(bg_menu.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 100px;
	left: 12px;
}
#caja_top {
	height: 103px;
	width: 932px;
	left: 12px;
	top: 0px;
	position: relative;
}
.divbody {
	width: 932px;
	height: 291px;
	position: absolute;
	left: 12px;
	top: 140px;
}
.divtop {
	width: 932px;
	height: 103px;
	left: 0px;
}
.fondoall {
	background-image: url(bg_shadow.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}
body {
	margin-left: 00px;
	margin-top: 0px;
	margin-right: 000px;
	margin-bottom: 0px;
}
#caja_nov {
	background-image: url(cja_nov.png);
	background-repeat: no-repeat;
	height: 340px;
	width: 190px;
	left: 17px;
	top: 436px;
	right: 0px;
	bottom: 0px;
	position: absolute;
}
#info_nov {
	left: 34px;
	top: 385px;
	position: relative;
	width: 160px;
	height: 275px;
}
#banner_caja_g1 {
	position: absolute;
	height: 35px;
	width: 330px;
	top: 446px;
	left: 228px;
}
.Estilo2 {font-family: Arial;
	font-size: 11px;
}
.Estilo3 {color: #666666}
#caja_g1 {
	position: absolute;
	height: 340px;
	width: 350px;
	top: 436px;
	left: 218px;
	background-image: url(caja_grande.png);
	background-repeat: no-repeat;
}
#caja_g2 {
	position: absolute;
	height: 340px;
	width: 350px;
	top: 436px;
	left: 581px;
	background-image: url(caja_grande.png);
	background-repeat: no-repeat;
}
-->
</style>
</head>

<body>

	<div id="contenedor" style="position:absolute; width:954px; height:900px; left:50%; margin-left:-477px; background-image: url(bg_shadow.png);	background-repeat: no-repeat;">
	
	
	<div id="caja_top"><img src="top.jpg" width="932" height="103" /></div>
	
	<div id="caja_nov"></div>
<div class="divbody">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="932" height="5" align="bottom">
    <param name="movie" value="down_f.swf" />
    <param name="quality" value="high" />
    <embed src="down_f.swf" width="932" height="5" align="bottom" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"> </embed>
  </object>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="932" height="284">
    <param name="movie" value="slideshow.swf" />
    <param name="quality" value="high" />
    <embed src="slideshow.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="932" height="284"> </embed>
  </object>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="932" height="5" align="bottom">
    <param name="movie" value="down_f.swf" />
    <param name="quality" value="high" />
    <embed src="down_f.swf" width="932" height="5" align="bottom" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"> </embed>
  </object>
</div>
<div class="divmenu"><span class="fondo_menu">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="932" height="30">
    <param name="movie" value="menu2_st.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <embed src="menu2_st.swf" width="932" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"> </embed>
  </object>
</span></div>
<div id="info_nov"><span class="Estilo2"><strong><span class="Estilo3">16.09.08</span></strong> | <span class="Estilo3">Inauguraci&oacute;n del complejo.</span><br />
    <br />
    <span class="Estilo3"><strong>12.10.08</strong></span> | <span class="Estilo3">Promoci&oacute;n para todos los nuevos clientes que se registren en la semana del 12 al 19 de octubre.</span><br />
    <br />
    <span class="Estilo3"><strong>12.10.09</strong></span> |<span class="Estilo3"> Inauguramos el SPA y la piscina climatizada.</span></span></div>
	
	
	<div id="caja_g1"></div>
	
	<div id="caja_g2"></div>
	
	<div id="banner_caja_g1">
	  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="330" height="30">
        <param name="movie" value="banner_prim.swf" />
        <param name="quality" value="high" />
	    <param name="SCALE" value="exactfit" />
        <embed src="banner_prim.swf" width="330" height="30" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit"> </embed>
      </object>
	</div>
	
    
</div>

    
    
</body>
</html>

Espero puedan ayudarme ya que tengo que entregarlo mañana a la noche y tengo este gran problema hace bastante, esta todo terminado pero cuando pongo el contenido de cada seccion, me ocurre lo que mencione.

Gracias a todos y un beso grande,

Agustina.