![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
22/07/2010, 08:36
|
| | Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 16 años, 9 meses Puntos: 3 | |
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> |