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