Ver Mensaje Individual
  #11 (permalink)  
Antiguo 22/07/2010, 08:36
chuchufuentes
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 15 años, 11 meses
Puntos: 3
De acuerdo Respuesta: central pagina

Gracias mi pana Carlangueitor por contestar, pero esto NO funciono,siempre se queda a la izquierda de la pantalla, realmente me gustaría hacerlo con CSS. Aqui el código de lo que hice fue copy-paste.
Esto de CSS Yo no lo manejo bien, pero me gustaría aprenderlo


<%@ Page Language="VB" AutoEventWireup="false" CodeFile="centercss.aspx.vb" Inherits="centercss" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Centrando Página sin título</title>
<style type="text/css">
.container{
display: table;
height: 400px; /*adaptar el alto según necesidades*/
width:250px; /*puede o puede no tener ancho*/
#position: relative; /*HACK IE* 7 y para abajo*/
overflow: hidden;
border:1px solid #DADADA;
}

.block{
#position: absolute;/*HACK IE*/
#top: 50%;/*HACK IE*/
display: table-cell;
vertical-align: middle;
}

.vertical{
#position: relative; /*HACK IE*/
#top: -50%; /*HACK IE*/
margin:2px;
padding:3px;
border:1px solid #DADADA;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;
width:238px;/*ancho contendor - margin - padding - border = 238px*/
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<div class="block">
<div class="vertical">

el texto puede tener<br>
cualquier alto.<br>
Cuaquier contenido, por ejemplo texto generado de un BD<br>
cualquier elemento dentro de esta DIV, ¡de verdad! se va centrar verticalmente!

</div>
</div>
</form>
</body>
</html>