Foros del Web » Creando para Internet » CSS »

¿Que hace que este código no se vea bien en Chrome y IE, en cambio bien en firefox?

Estas en el tema de ¿Que hace que este código no se vea bien en Chrome y IE, en cambio bien en firefox? en el foro de CSS en Foros del Web. Hola a todos, tengo un problema con esta página, en firefox se be bien pero en chrome e IE no. En IE y chrome los ...
  #1 (permalink)  
Antiguo 16/03/2011, 05:10
 
Fecha de Ingreso: enero-2011
Mensajes: 88
Antigüedad: 6 años, 11 meses
Puntos: 0
Sonrisa ¿Que hace que este código no se vea bien en Chrome y IE, en cambio bien en firefox?

Hola a todos,
tengo un problema con esta página, en firefox se be bien pero en chrome e IE no.

En IE y chrome los botones que estan al final de la página siempre aparecen abajo, tan abajo que sobresalen de la ventana. Creo que es alguna propiedad style pero no logro detectar cual es el que enpuja a los botones hacia abajo. La barra de scroll se hace infinita, siempre que bajo el scroll los botones van hacia abajo y desaparecen por debajo de la ventana.

No tengo mucha experiencia con hojas de estilo.

Pongo el código.

Código HTML:
<HTML>

<HEAD>

<TITLE>Incidencias</TITLE>

<LINK href="../../modul/prueba.css" type=text/css rel=stylesheet>

<link rel="shortcut icon" href="./../pVigilancias/images/logo.gif" type="image/x-icon" />

<link href="../../modul/prueba.css" rel="stylesheet" type="text/css">

</HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8; ">

<SCRIPT src="./../../modul/service.js" type="text/javascript"

	language="javascript"></SCRIPT>



<SCRIPT src="./../../modul/http_request.js" type="text/javascript"

	language="javascript"></SCRIPT>



<SCRIPT src="./../../modul/ajax_module.js" type="text/javascript"

	language="javascript"></SCRIPT>

<script type="text/javascript">

function clicarActNew(){

	var boton= document.getElementById("ActNew");

	boton.click();

}

</script>



<BODY style="margin: 0pt 0pt 0pt 0pt;" OnLoad="LoadForm();clicarActNew();"

	onResize="ResizeForm();" onscroll="ScrollForm();">



<DIV id="bg_span" 

	style="z-index: 0; POSITION: absolute; TOP: 0; LEFT: 0; HEIGHT: 100%; WIDTH: 100%;">

<DIV id="DIV_BODY_COLOR" 

	style="z-index: 100; POSITION: absolute; TOP: 0; LEFT: 0; HEIGHT: 400pt; WIDTH: 100%; background-color: #f5b875; border: 1px none #000000;">

<p>&nbsp;</p>

<p>&nbsp;</p>

</DIV>

</DIV>

<div id="DIV_BG_IMAGE" 

	style="z-index: 3; POSITION: absolute; TOP: 0; LEFT: 0; background-color: transparent; HEIGHT: 100%; WIDTH: 100%; overflow: hidden;">

<div class="nirediv"

	style="HEIGHT: 100%; WIDTH: 100%; POSITION: absolute; TOP: 0pt; LEFT: 0pt; background-image: url(imagenes/encabezado.png); background-repeat: repeat-x; background-position: top left;">

<H3 STYLE="font-family:Wide Latin;COLOR:#000000;text-decoration:none;"><CENTER>SEGUIMIENTO DE INCIDENCIAS AMBIENTALES</CENTER></h3>

</div>

</div>

<FORM name="f_vigi" method="post" action="f_vigi.php"><div id="DIV_BODY" style="z-index:4;POSITION:absolute;TOP:0pt;LEFT:0;HEIGHT:481pt;WIDTH:100%;background-color:transparent;"><!-- ===== Begin template BODY Sections ===== -->

<!-- <input name="RecordNumber" type="text" value='.($this->RecordNumber+1).' class="menuinput" id="RowNumb" onchange="GoToRecord(this.value, form.name)" style="top: 0px;left:0px;height:50px;width:50px";> --> 

<INPUT type="hidden"

	style="COLOR: #000000; POSITION: absolute; TOP: &lt;~ iTOPIDapoyo ~&gt;; LEFT: &lt;~ iLEFTIDapoyo ~&gt;; HEIGHT: 14pt; WIDTH: 104pt; BACKGROUND-COLOR: #ffffff; FONT-FAMILY: Tahoma; FONT-SIZE: 8pt; border: #000000 none 1px;"

	name="IDapoyo" value="1" id = "ID"><!-- componente incorporado para guardar el id en el que estamos --> 

<!--<INPUT type="text" style="COLOR:#000000; POSITION:absolute;TOP:<~iTOPDEsapoyo~>;LEFT:<~iLEFTDEsapoyo~>; HEIGHT:14pt;WIDTH: 64pt; BACKGROUND-COLOR:#ffffff; FONT-FAMILY:Tahoma; FONT-SIZE:8pt;border: #000000 none 1px;" name="DEsapoyo" value="<~DEsapoyo~>" -->

<!--<SPAN id="Etiqueta15" style="COLOR:#000000; POSITION:absolute;TOP:38pt;LEFT:5pt; HEIGHT:14pt;WIDTH: 51pt; BACKGROUND-COLOR:transparent; FONT-FAMILY:Tahoma; FONT-SIZE:8pt;">Apoyo:</SPAN>-->

<DIV id="TabCtl31" style="COLOR:#000000; POSITION:absolute;TOP:56pt;LEFT:5pt; HEIGHT:398pt;WIDTH: 649pt; BACKGROUND-COLOR:#f4cea5; FONT-FAMILY:Tahoma; FONT-SIZE:8pt;" ><TABLE width="100%" cellpadding="0" cellspacing="0" border="0" style="position:relative;z-index:0;"><TR><TD id="INCIDENCIAS_#tab" class = tab_active

		  nowrap style="font-size:8pt;width:88pt;height:8pt;display:inline" onclick="SetActiveTab('INCIDENCIAS_#tab', 'INCIDENCIAS_#tab');">

            INCIDENCIAS

          </TD><TD id="TabCtl31_blank_#tab" class = zero_tab

		  nowrap style="font-size:8pt;width:561pt;height:8pt;display:inline" >

            &nbsp;

          </TD></TR><TR><TD colspan="3" class="tset_body" valign="top" style="height:390pt;"><DIV><DIV id="INCIDENCIAS_#tab_div" style="position:relative;top:0;left:0;visibility:visible"> 

<IFRAME id="f_incidencia" src="../f_incidencia/f_incidencia.php?" SCROLLING = "no" style="HEIGHT:360pt;WIDTH: 628pt; POSITION:absolute;TOP:11pt;LEFT:0pt; border:#000000 solid 1;" > 		Your browser does not support in-line frames. </IFRAME></div>

<DIV id="Registrodecontroles_#tab_div" style="position:relative;top:0;left:0;visibility:hidden"> 

 <IFRAME id="CONTROL" src="../FCONTROL/FCONTROL.php?" SCROLLING = "no" style="HEIGHT:360pt;WIDTH: 628pt; POSITION:absolute;TOP:11pt;LEFT:0pt; border:#000000 solid 1;" > 		Your browser does not support in-line frames. </IFRAME></div>

</DIV></TD></TR></TABLE></DIV>



<!-- ===== End template BODY Sections ===== --> 

</div><div id="DIV_FOOTER" style="z-index:5;POSITION:absolute;TOP:0;LEFT:0;HEIGHT:0pt;WIDTH:100%;background-color:transparent;border: solid 1px black"><!-- ===== Begin template FOOTER Sections ===== --> 

<img name="ingunet" id="ingunet" src="./imagenes/ingunet.png" style="COLOR:#000000; POSITION:absolute;TOP:490pt;LEFT:10pt; HEIGHT:15pt; WIDTH:65pt;">

<img name="electrica" id="electrica" src="./imagenes/electrica.png" style="COLOR:#000000; POSITION:absolute;TOP:480pt;LEFT:520pt; HEIGHT:25pt; WIDTH:50pt;" onclick="AbrirDocumento('http://www.ree.es/')"/>

<img name="basoinsa" id="basoinsa"  src="./imagenes/basoinsa.png" style="COLOR:#000000;POSITION:absolute;TOP:480pt;LEFT:590pt;HEIGHT:25pt; WIDTH:50pt;" onclick="AbrirDocumento('http://www.basoinsa.com/')"/>



<!-- ===== End template FOOTER Sections ===== --></div></FORM><FORM name='f_vigi_menuline' method='post' action='/berri/inguweb/forms/f_vigi/f_vigi.php' onsubmit='return false'>

        		<SPAN id="span_line_button" style="z-index:7;LEFT:0px;top:452pt;Height:pt;WIDTH:100%;background-color:#f5b875;POSITION:absolute; " ><input name="FormName" type="hidden" value="f_vigi"><input name="DestFormName" type="hidden" value="f_vigi">

                <span class="menutext">&nbsp;Registro: </span>

                <input name="ActStart" id="ActStart" type="button" value="|<" class="menubut" onclick="FetchData(this.name, form.name);">

                <input name="ActPrev" id="ActPrev" type="button" value="<" class="menubut"  onclick="FetchData(this.name, form.name);">

                <input name="RecordNumber" type="text" value=1 class="menuinput" id="RowNumb" onchange="FetchData(this.value, form.name)" ondblclick="FetchData(this.value, form.name)";>

                <input name="ActNext" id="ActNext" type="button" value=">" class="menubut"  onclick="FetchData(this.name, form.name);">

                <input name="ActEnd" id="ActEnd" type="button" value=">|" class="menubut" onclick="FetchData(this.name, form.name);"> <input name="Goto" title= "ir al registro que se ha escrito" id="Goto" type="image"  value="ir a" src="./../imagenes/ir3.jpg" class="menubut" onclick="FetchData(1, form.name);"> <span class='menutext' name='filas' id='filas'>&nbsp;de 12</span> <input name="ActNew" id="ActNew" title="actualizar" type="image" src="./../imagenes/actualizar.gif" value=">*" class="menubut" onclick="FetchData(this.name, form.name);"> </SPAN><input name='FormElementAction' type='hidden' value=''><input name="FormElementAction" type="hidden" value=""></FORM>

</BODY>

</HTML> 
Gracias, atentamente Eñaut.
  #2 (permalink)  
Antiguo 16/03/2011, 08:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ¿Que hace que este código no se vea bien en Chrome y IE, en cambio bien en

¿Y el doctype?
Aunque yo lo veo prácticamente igual en ff y chr
Pero ya le advierto que de tanto absolute no puede salir nada bueno.
Validar la página (códigos html y css) nunca está de mas.
  #3 (permalink)  
Antiguo 16/03/2011, 09:29
 
Fecha de Ingreso: enero-2011
Mensajes: 88
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: ¿Que hace que este código no se vea bien en Chrome y IE, en cambio bien en

Gracias por la respuesta, me he dado cuenta que ese código yo tambien lo veo igual. Pero claro porque no se ejecutan las funciones ScrollForm() al hacer el scroll y LoadForm(); al cargar body.

Estas dos funciones hacen que la linea de botones desaparezca. Pero todabía no se como solucionarlo. el archvo que implementa esas dos funciones service.js y su contenido que genera el conflicto es el siguiente.

Código:
function LoadForm()
{
    
	baseTop = document.body.clientHeight;
    SetActivePages();
	var dokumentua =document.all["span_line_button"];
    if( dokumentua ){ 
	LineButton = document.all["span_line_button"].style.pixelHeight;
	var geldi = true;
	}
	
    if(!NullOrMissing(document.all["DIV_HEADER_COLOR"])) HeaderColorHeight = document.all["DIV_HEADER_COLOR"].style.pixelHeight;
    if(!NullOrMissing(document.all["DIV_FOOTER_COLOR"])) FooterColorHeight = document.all["DIV_FOOTER_COLOR"].style.pixelHeight;

    Line();
    Footer();
    Body();
    CenterZoomBG();
	AjaxLoad();
}

function ScrollForm()
{
    baseTop = document.body.clientHeight + document.body.scrollTop;

    Line();

    HeaderTop();

    Footer();

    Body();

    var obj = document.all["DIV_BG_IMAGE"];
    if( !obj  ) return;
    obj.style.pixelHeight = document.body.clientHeight-LineButton;
    obj.style.pixelTop = document.body.scrollTop;
}

function Line()
{
    var obj = document.all["span_line_button"];
    if( obj ) {
		obj.style.pixelTop = baseTop-LineButton;
		}
}
Gracias por la ayuda, atentamente Eñaut.

Etiquetas: chrome, firefox, vea, cambios
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:25.