Foros del Web » Creando para Internet » HTML »

Centrar una página

Estas en el tema de Centrar una página en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/04/2004, 10:06
 
Fecha de Ingreso: agosto-2003
Mensajes: 5
Antigüedad: 14 años, 3 meses
Puntos: 0
Centrar una página

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.
  #2 (permalink)  
Antiguo 30/04/2004, 14:04
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 30/04/2004, 14:36
 
Fecha de Ingreso: agosto-2003
Mensajes: 5
Antigüedad: 14 años, 3 meses
Puntos: 0
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
  #4 (permalink)  
Antiguo 30/04/2004, 14:38
Avatar de mje
mje
 
Fecha de Ingreso: abril-2004
Ubicación: Caballito
Mensajes: 36
Antigüedad: 13 años, 7 meses
Puntos: 0
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>
__________________
=) PoDeR PiNGüiNo (=
  #5 (permalink)  
Antiguo 30/04/2004, 16:02
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:11.