Foros del Web » Creando para Internet » HTML »

centrar horizontal y verticalmente

Estas en el tema de centrar horizontal y verticalmente en el foro de HTML en Foros del Web. Estimados Necesito centrar una tabla dentro de una página vertical y horizontalmente. La parte horizontal no hay problemas, ya que lo hice con las propiedades ...
  #1 (permalink)  
Antiguo 05/07/2004, 11:05
 
Fecha de Ingreso: marzo-2004
Mensajes: 18
Antigüedad: 20 años
Puntos: 0
centrar horizontal y verticalmente

Estimados
Necesito centrar una tabla dentro de una página vertical y horizontalmente. La parte horizontal no hay problemas, ya que lo hice con las propiedades de la tabla. Solo me falta la parte vertical. Me pueden explicar como..?

Es para que siempre se vea centrada la página, al cualquier resolución o tamaño que se vea

Gracias
  #2 (permalink)  
Antiguo 05/07/2004, 11:23
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola, Dromo.

Mira a ver si te sirve esta página:

http://www.tierradenomadas.com/tw003a1.html

Saludos,
  #3 (permalink)  
Antiguo 05/07/2004, 12:11
 
Fecha de Ingreso: marzo-2004
Mensajes: 18
Antigüedad: 20 años
Puntos: 0
Principalmente es la idea, pero mi contenido de tabla no debe variar
  #4 (permalink)  
Antiguo 19/07/2004, 17:10
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años
Puntos: 63
Centrar vertical y horizontalmente

Hola

Bueno, pues poniéndome al día, he visto este mensaje y como no pude conseguir mediante las búsquedas los anteriores en los que he posteado un código que creo puede ayudar al problema del posicionamiento vertical y horizontal, lo pondré otra vez.

Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css" media="screen" title="Estilillo que tiene uno">
* {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.base {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ff0000;
}
.segunda {
	position: absolute;
	left: 10%;
	margin-right: 10%;
	top: 10%;
	padding-bottom: 10%;
	background-color: #00ff00;
	width: 80%;
}
</style>
<script type="text/javascript">
	function ajustar() {
		if (navigator.appName != "Microsoft Internet Explorer") {
			var altura = (window.innerHeight - 0);
			document.getElementById('base').style.height = altura+'px';
		} else {
			document.getElementById('base').style.height = "100%";
		}
	}
	function ajustar2() {
		if (navigator.appName != "Microsoft Internet Explorer") {
			var altura = (window.innerHeight - 200);
			// resto 200, porque el 20% de 1024 es más o menos 200.
			// este código aun debería mejorarse de manera que reste una cantidad adecuada a cada resolución
			document.getElementById('segunda').style.height = altura+'px';
		} else {
			document.getElementById('segunda').style.height = "80%";
		}
	}
</script>
<title>Centrar vertical y horizontalmente</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body onload="javascript:ajustar(); ajustar2()">
<div class="base" style="height: 1px;" id="base">
	<div class="segunda" style="height: 1px;" id="segunda">
	</div>
</div>
</body>
</html>
Felicidad
__________________
¡ hey, hou, hou, hey !
  #5 (permalink)  
Antiguo 20/07/2004, 02:05
 
Fecha de Ingreso: octubre-2003
Mensajes: 17
Antigüedad: 20 años, 5 meses
Puntos: 0
Hola

no se si con esto sea más sencillo o no es lo que necesites, pero es lo que yo hago normalmente para centrar tablas como dices:

Código:
<TABLE WIDTH=100% HEIGHT=100%>
      <TR ALIGN="CENTER" VALIGN="MIDDLE"><TD>

       y aquí metes lo que quieras que vaya centrado

      </TD></TR>
</TABLE>
Saludos!
__________________
Theres's nothing as it seems... all that she needs is BLOOD!!!!

Última edición por ArachnE; 20/07/2004 a las 02:52
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 10:19.