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> </p>
<p> </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: <~ iTOPIDapoyo ~>; LEFT: <~ iLEFTIDapoyo ~>; 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" >
</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"> 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'> 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.