css para central

asinox · #1 (**permalink**) 14/03/2003, 13:24

Hola., quiero central una trabla que quede centrada aunque varie la resolucion...

alguna forma?

JavierB · #2 (**permalink**) 14/03/2003, 14:35

Hola, asinox.

No conozco nada con Css, pero creo que puedes hacerlo con HTML:

<table width="200" border="1" cellspacing="1" align="center">

Espero que te sirva. Saludos,

asinox · #3 (**permalink**) 14/03/2003, 14:51

y funciona para ambas resoluciones?

esto es lo que quiero central :

consorciometalico.com

JavierB · #4 (**permalink**) 15/03/2003, 07:17

Hola de nuevo.

Me parece que no te entendí bien la primera vez. Te refieres a centrar horizontal y vertical. Como veo que lo tienes todo dentro de un <div> podrías mirarte este código a ver si te sirve de ayuda:

Código PHP:

  <html>

<head>

<script language="JavaScript">

function centrar() {

    W = parseInt(document.getElementById("capa").style.width)

    H = parseInt(document.getElementById("capa").style.height)

    posX = (document.body.clientWidth - W) / 2;

    posY = (document.body.clientHeight - H) / 2;

    capa.style.left=posX;

    capa.style.top=posY;

}

</script>

</head>

 
<body onLoad="centrar()">

<div id="capa" style="position:absolute; width:351px; height:206px; border:1px solid red">

</div>

 
</body>

</html>

Cuentame que tal te ha ido. Saludos,

JavierB · #5 (**permalink**) 15/03/2003, 10:56

Rehola.

Modificación para que funcione también en Netscafé (Sino caricatos se me aparecerá para reprenderme

)

Código PHP:

  <html>

<head>

<script language="JavaScript">

function centrar() {

    W = parseInt(document.getElementById("capa").style.width)

    H = parseInt(document.getElementById("capa").style.height)

        if (document.all) {

            ancho = document.body.clientWidth;

            alto = document.body.clientHeight; }

        else {

            ancho = window.innerWidth;

            alto = window.innerHeight; }

    posX = (ancho - W) / 2;

    posY = (alto - H) / 2;

    document.getElementById("capa").style.left=posX;

    document.getElementById("capa").style.top=posY;

}

</script>

</head>

 
<body onLoad="centrar()">

<div id="capa" style="position:absolute; width:351px; height:206px; border:1px solid red">

</div>

 
</body>

</html>

Salutres,

Durgeoble · #6 (**permalink**) 16/03/2003, 07:35

Pues eso centrar todo el contenido de una pagina (o cualquier elemento dentro de la misma) es algo tan sencillo como aplicar el siguiente codigo

Código:

<center>aqui todo lo que deba quedar centrado</center>

en tu caso deberias poner <center> despues de <body> y </center> antes de </body> de forma que toda la tabla te quedaria centrada independientemente de la resolucion

otra forma <body align="center">

asinox · #7 (**permalink**) 16/03/2003, 22:44

Durgeoble
eso me centra contenido horizontal...pero no vertical..

linkses · #8 (**permalink**) 17/03/2003, 07:27

Utiliza una tabla, de esta manera podras centrar el codigo, te dejo un ejemplo:

<table width="100%" border="0" height="100%">
<tr align="center" valign="middle">
<td>"Lo que quieras centar"</td>
</tr>
</table>
<div align="center"></div>

CORE · #9 (**permalink**) 02/04/2003, 21:00

Hola asinox

Yo lo hago asi

body{
margin-left:100%;
margin-right:100%;}

saludos