Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/01/2006, 06:19
MikiBroki
 
Fecha de Ingreso: abril-2002
Mensajes: 1.014
Antigüedad: 22 años, 9 meses
Puntos: 8
Buenas compañero,

Precisamente había dado con el problema de centrar un DIV, ya que necesitaba que quedase centrado a lo ancho del documento (por lo tanto no va el "screen.width").

Probando con el código que me has dado: el "window.event" no está disponible en firefox.

Ahí va el código que me ha ido bien en firefox + IE:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>


<HEAD>


<script language="javascript">

function centrar(obj)
{
    var anchoPantalla = document.body.clientWidth;
    var anchoObjeto   = obj.style.width;
    var margenIzquierdo = 0;

    anchoObjeto = anchoObjeto.replace(/px/," ");		
			
    // Si el ancho disponible es mayor que el ancho del elemento...
    if( anchoPantalla > anchoObjeto )
        margenIzquierdo = (anchoPantalla - anchoObjeto) / 2;
    else
        margenIzquierdo = 1;

    obj.style.marginLeft = margenIzquierdo;
				
}

</script>


</HEAD>


<BODY onresize="centrar(document.getElementById('midiv'));">

    <!-- ojo: el ancho hay que pasarlo como estilo para poder recoger el valor   desde js -->
    <div id="midiv" style="width:500">
        <table width="100%" border=1>
            <tr><td>A</td><td>B</td><td>C</td>
            <tr><td>A</td><td>B</td><td>C</td>
            <tr><td>A</td><td>B</td><td>C</td>
        </table>
    </div>

</BODY>


</HTML>
Salu2

Última edición por MikiBroki; 22/01/2006 a las 06:42