Foros del Web » Creando para Internet » HTML »

Problema_Pagina_Web

Estas en el tema de Problema_Pagina_Web en el foro de HTML en Foros del Web. Hola,estoy actualizando una Pagina Web y al momento que la cargo en el navegador Mozilla Firefox,me sale de la siguiente manera: http://img600.imageshack.us/i/image1cj.jpg/ En cambio, cuando ...
  #1 (permalink)  
Antiguo 10/01/2011, 17:49
 
Fecha de Ingreso: diciembre-2009
Mensajes: 82
Antigüedad: 14 años, 4 meses
Puntos: 0
Problema_Pagina_Web

Hola,estoy actualizando una Pagina Web y al momento que la cargo en el navegador Mozilla Firefox,me sale de la siguiente manera:

http://img600.imageshack.us/i/image1cj.jpg/

En cambio, cuando cargo la misma Página en el navegador Chrome, me carga bien. Observen:

http://img214.imageshack.us/i/image2tm.jpg/

Espero me puedan ayudar a solucionar este problema.

A continuación les adjunto el codigo del archivo index.html:
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Herbalife International, Distribuidor Independiente</title>
<meta name="KEYWORDS" content="Herbalife, productos naturales, nutrición celular, batido, batidos, Barcelona, Barza, Messi, Beckham, energía, bajar de peso, desayuno, té verde, Inter de Milán, Schalke, Santos, Valencia, Guaje, David Villa, San Martín, Fórmula 1, proteína, salud, bienestar, deporte, fútbol, mundial, Champions League">
<meta name="GENERATOR" content="Created by BlueVoda">
<style type="text/css">
div#container
{	
	position: absolute;
	left: 50%;
	top: 47%;
	width: 859px;
	height: 614px;
	margin-top: -305px;
	margin-left: -432px;
	border: #5FB404 2px solid;
	border-bottom-color:#5FB404;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-top-color:#5FB404;
	border-top-style:solid;
	border-top-width:2px;
	border-top-height:3px;
	border-left-color:#5FB404;
	border-left-style:solid;
	border-left-width:2px;
	border-rigth-color:#5FB404;
	border-rigth-style:solid;
	border-rigth-width:2px;
}
</style>

<script language="JavaScript" type="text/javascript">

function popupwnd(url, toolbar, menubar, locationbar, resize, scrollbars, statusbar, left, top, width, height)
{
   var popupwindow = this.open(url, '', 'toolbar=' + toolbar + ',menubar=' + menubar + ',location=' + locationbar + ',scrollbars=' + scrollbars + ',resizable=' + resize + ',status=' + statusbar + ',left=' + left + ',top=' + top + ',width=' + width + ',height=' + height);
}

</script>

<script type="text/javascript">
function utmx_section(){}function utmx(){}
(function(){var k='3407544877',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
+new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>

<style type="text/css">
img { behavior: url("pngfix.html"); }
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="container">
<div id="bv_Image17" style="overflow:hidden;position:absolute;left:0px;top:0px;z-index:0" align="left">
<img src="images/blank.JPG" id="Image17" alt="" align="top" border="0" style="width:858px;height:615px;"></div>
<div id="bv_Image14" style="overflow:hidden;position:absolute;left:331px;top:67px;z-index:2" align="left">
<img src="images/La%20Mejor%20Nutricion%202.JPG" id="Image14" alt="" align="top" border="0" style="width:428px;height:421px;"></div>
<div id="bv_Image2" style="overflow:hidden;position:absolute;left:0px;top:8px;z-index:3" align="left">
<img src="images/Leo%20Messi%20Testimonio.JPG" id="Image2" alt="" align="top" border="0" style="width:331px;height:263px;"></div>
<div id="bv_Image1" style="overflow:hidden;position:absolute;left:0px;top:212px;z-index:4" align="left">
<img src="images/Leo%20Messi.JPG" id="Image1" alt="" align="top" border="0" style="width:331px;height:400px;"></div>
<div id="bv_Image3" style="overflow:hidden;position:absolute;left:0px;top:147px;z-index:5" align="left">
<img src="images/Leo%20Messi%20Testimonio%202.JPG" id="Image3" alt="" align="top" border="0" style="width:331px;height:79px;"></div>
<div id="bv_Text1" style="position:absolute;left:68px;top:237px;width:97px;height:36px;z-index:6;" align="left">
<font style="font-size:16px" color="#FFFFFF" face="Arial"><b><i>Lionel Messi</i></b></font></div>
<div id="bv_Image5" style="overflow:hidden;position:absolute;left:759px;top:8px;z-index:7" align="left">
<img src="images/Escudo%20FC%20Barcelona.JPG" id="Image5" alt="" align="top" border="0" style="width:99px;height:115px;"></div>
<div id="bv_Image6" style="overflow:hidden;position:absolute;left:759px;top:123px;z-index:8" align="left">
<img src="images/Escudo%20Inter%20de%20Milan.JPG" id="Image6" alt="" align="top" border="0" style="width:99px;height:124px;"></div>
<div id="bv_Image7" style="overflow:hidden;position:absolute;left:759px;top:247px;z-index:9" align="left">
<img src="images/Escudo%20Schalke%2004.JPG" id="Image7" alt="" align="top" border="0" style="width:99px;height:116px;"></div>
<div id="bv_Image8" style="overflow:hidden;position:absolute;left:759px;top:363px;z-index:10" align="left">
<img src="images/Escudo%20LA%20Galaxy.JPG" id="Image8" alt="" align="top" border="0" style="width:99px;height:126px;"></div>
<div id="bv_Image9" style="overflow:hidden;position:absolute;left:759px;top:488px;z-index:11" align="left">
<img src="images/Escudo%20Valencia.JPG" id="Image9" alt="" align="top" border="0" style="width:99px;height:125px;"></div>
<div id="bv_Image10" style="overflow:hidden;position:absolute;left:434px;top:488px;z-index:12" align="left">
<img src="images/Escudo%20Pumas.JPG" id="Image10" alt="" align="top" border="0" style="width:116px;height:125px;"></div>
<div id="bv_Image11" style="overflow:hidden;position:absolute;left:550px;top:488px;z-index:13" align="left">
<img src="images/Escudo%20Universidad%20San%20Martin%20de%20Porres.JPG" id="Image11" alt="" align="top" border="0" style="width:99px;height:126px;"></div>
<div id="bv_Image12" style="overflow:hidden;position:absolute;left:649px;top:488px;z-index:14" align="left">
<img src="images/Escudo%20Santos%20FC.JPG" id="Image12" alt="" align="top" border="0" style="width:110px;height:125px;"></div>
<div id="bv_Image4" style="overflow:hidden;position:absolute;left:331px;top:488px;z-index:15" align="left">
<img src="images/Escudo%20Independiente%20del%20Valle.JPG" id="Image4" alt="" align="top" border="0" style="width:103px;height:125px;"></div>
<div id="bv_Image13" style="overflow:hidden;position:absolute;left:335px;top:8px;z-index:16" align="left">
<img src="images/logo.gif" id="Image13" alt="" align="top" border="0" style="width:229px;height:49px;"></div>

<script>utmx_section("Llamar")</script>
<input type="button" id="Button1" onclick="popupwnd('desayuno1/idb_cargaindex.htm','no','no','no','yes','yes','no','','','600','500');return false;" name="Button1" value="Desayuno Ideal" style="position:absolute;left:634px;top:15px;width:117px;height:26px;background-color:transparent;font-family:Arial;font-weight:bold;font-size:13px;z-index:17">
</noscript>

<script>utmx_section("Escribir")</script>
<input type="button" id="Button2" onclick="popupwnd('formulario.html','no','no','no','no','no','no','','','800','535');return false;" name="Button1" value="Escríbenos" style="position:absolute;left:634px;top:48px;width:117px;height:26px;background-color:transparent;font-family:Arial;font-weight:bold;font-size:13px;z-index:18">
</noscript>

<script>utmx_section("Atletas")</script>
<div id="bv_Text2" style="position:absolute;left:344px;top:63px;width:259px;height:16px;z-index:19;" align="right">
<font style="font-size:12px" color="#000000" face="Arial">Herbalife y los atletas de Clase Mundial... </font><font style="font-size:13px" color="#000000" face="Arial"><b><i><a href="javascript:popupwnd('http://www.herbalifesports.com/ES/lionel_messi.asp','no','no','no','yes','yes','no','','','600','500')" target="_self">Más</a></i></b></font></div>
</noscript>

<script>utmx_section("Productos")</script>
<div id="bv_Text3" style="position:absolute;left:357px;top:88px;width:246px;height:16px;z-index:20;" align="right">
<font style="font-size:12px" color="#000000" face="Arial">La mejor nutrición natural del mundo...</font><font style="font-size:13px" color="#000000" face="Arial"> <b><i><a href="javascript:popupwnd('http://www.herbalife.com.pe/','no','no','no','yes','yes','no','','','600','500')" target="_self">Más</a></i></b></font></div>
</noscript>

<script>utmx_section("Conocer")</script>
<input type="button" id="Button3" onclick="popupwnd('http://compania.herbalife.com.pe/Content/es-PE/flash/sobre_HL/message-ffrom-ceo-ok-es.swf','no','no','no','yes','yes','no','','','400','300');return false;" name="Button1" value="Conócenos" style="position:absolute;left:634px;top:82px;width:117px;height:26px;background-color:transparent;font-family:Arial;font-weight:bold;font-size:13px;z-index:21">
</noscript>

<div id="bv_Image16" style="overflow:hidden;position:absolute;left:650px;top:178px;z-index:22" align="left">
<img src="images/visamaster.jpg" id="Image16" alt="" align="top" border="0" style="width:54px;height:70px;"></div>

<script>utmx_section("Negocio")</script>
<div id="bv_Text4" style="position:absolute;left:334px;top:113px;width:270px;height:16px;z-index:23;" align="right">
<font style="font-size:12px" color="#000000" face="Arial">El mejor negocio para personas como tú...</font><font style="font-size:13px" color="#000000" face="Arial"> <b><i><a href="javascript:popupwnd('negocio.html','no','no','no','no','no','no','','','750','400')" target="_self">Más</a></i></b></font></div>
</noscript>
</div>
</body>
</html>
<script type="text/javascript">
if(typeof(_gat)!='object')document.write('<sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"></sc'+'ript>')</script>
<script type="text/javascript">
try {
var gwoTracker=_gat._getTracker("UA-17945665-1");
gwoTracker._trackPageview("/3407544877/test");
}catch(err){}</script> 
  #2 (permalink)  
Antiguo 10/01/2011, 18:25
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 13 años, 4 meses
Puntos: 9
Respuesta: Problema_Pagina_Web

top, left y position absolute, creo que estas, andan perjudicando tu pagina.

Como es posible que vayas a poner a 50% de la izquierda si tu pagina mide aprox. 80%
Aunque veo que despues usas un margin negativo para regresarlo a su lugar, pero creo conveniente y mejor, utilizar otro metodo y no este que usas.
  #3 (permalink)  
Antiguo 10/01/2011, 18:38
 
Fecha de Ingreso: diciembre-2009
Mensajes: 82
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Problema_Pagina_Web

Gracias Kurozaki por tu respuesta, pero dime, que otro método me recomendarias utilizar?? Porque lo que yo quiero es que, cuando cargue mi página en el navegador Mozilla Firefox, no me salga tan arriba o recortada la parte superior de esta...
Quiero que me cargue igual como me carga cuando la pruebo en el navegador Chrome...

(Ambas capturas de imagen las he colocado en mi primer post)

Espero tu respuesta por favor,la necesito bastante

Etiquetas: Ninguno
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 07:19.