Centrar una página

227722 · #1 (**permalink**) 30/04/2004, 09:06

Hola gente,

Llevo varios días intentando realizar una web centrada para 800X600 que al verla a 1024x768 se vea centrada y mantenga las proporciones. Lo he intentado con layers, iframe y tablas, pero sólo lo he conseguido horizontalmente.

Podeis ver un ejemplo en la web de unos conocidos ladrones http://www.telefonicaonline.es

Alguien sabe como hacerlo?

Gracias anticipadas,

Carlos.

PatomaS · #2 (**permalink**) 30/04/2004, 13:04

Hola

Hay varias maneras, por ejemplo una aproximada y una exacta.

La exacta es un poco más coplicada y lleva más tiempo, así que te pasaré ahora la aproximada.

Colocas todo el contenido de tu página dentro de un <div> y a este le asignas propiedades mediante css de esta mnera:

<div class="centrar">
...
toda tu página
...
</div>

y en la cabecera pones esto

<style type="text/css">
.centrar {
border: 0px;
padding: 0px;
margin 0px;
text-align: center;
top: 20%;
}
</style>

Verás que a la propiedad top, le puse un valor en porcentaje, eso qhace que sea relativo y por lo tanto, variará con cada resolución. Obviamente debes calcular cual es el porcentaje adecuado para tu contenido.

Suerte

Felicidad

227722 · #3 (**permalink**) 30/04/2004, 13:36

Gracias por tu ayuda PantomaS!

He probado a hacer eso que me dices, pero no consigo lo que quiero porque cuando amplias la resolución a 1024x768 se redimensiona el contenido a ese tamaño y no guarda el tamaño de 800x600 que es el que yo quiero. Si te fijas en la web de ejemplo que he comentado en mi anterior mensaje, si lo ves a la resolución que sea, el cuadro que contiene la información de la web mantiene siempre el mismo aspecto (tamaño).

Yo por mi cuenta he conseguido hacerlo con:

Código:

<HTML> 
<HEAD> 
<TITLE>Ejemplo de alineación horizontal y vertical</TITLE> 
</HEAD> 
<BODY> 
<TABLE WIDTH="100%" HEIGHT="100%"> 
<TR> 
<TD VALIGN="MIDDLE" ALIGN="CENTER"> 
<TABLE height="420" cellSpacing=0 cellPadding=0 width="760" align=center 
border=0 valign="top">
      <TBODY>
        <TR>
          <TD colspan="3" align="center" bgcolor="#FF9900">
<p><font face="MS Sans Serif, Arial">Area para el contenido de la nueva web</font></p>
          </TD>
          </TR>
      </TBODY>
    </TABLE>
</TD> 
</TR> 
</TABLE> 
</BODY> 
</HTML>

Gracias de nuevo

mje · #4 (**permalink**) 30/04/2004, 13:38

Otra cosa que puedes hacer es poner toda la pagina dentro de una tabla de 1 sola celda.
la tabla tiene que ser de 100% de ancho y 100% de alto

Te quedaria asi:

....
</head>
<body>

<table width=100% height=100%>
<tr>
<td align=center valign=center>

(resto de la pagina)

</td>
</tr>
</table>

PatomaS · #5 (**permalink**) 30/04/2004, 15:02

Hola

me extraña que el código que te di redimensione el contenido debido a que no hay ninguna instrucción para eso.

Sin embargo, tambie lo puedes hacer con un iframe posicionado con estilos, este iframe tendría siempre el mismo tamaño y adentro de el estarían las páginas con e lcontenido.

Telefónica utiliza frames para hacerlo, puedes hacerlo de la misma manera, solo tienes que revisar su código.

SUerte

Felicidad