Buscador


En todo Internet
En Uterra.Com

¿Problemas sexuales?
Jerez de la Frontera
y Cádiz
Homosexualidad, infidelidad, divorcio, violencia de género, etc.

Contenidos


Manejando las propiedades magin top y left podemos centrar una capa CSS en el justo centro de la pantalla. Fijemos en las relaciones entre la anchura y altura de la capa y los valores de margin top y left. Esta es la clave para que la capa quede centrada.

<html>  

<head>  
<title>DIV centrado horizontal y verticalmente.</title>  
<STYLE TYPE="text/css">  
<!--  
#texto {  
    position: absolute; 
    text-align:justify; 
    padding: 5px; 
    left: 50%; 
    top: 50%; 
    width: 300px; 
    height: 200px; 
    margin-top: -100px; 
    margin-left: -150px; 
    overflow: auto; 
    border: 1px solid red; 
    background-color: #FFDEAD; 
}  
-->  
</STYLE>  

</head>  

<body>  
   <DIV ID="texto">  
     Esto es un ejemplo de tag DIV centrado horizontal y verticalmente,
     sea cual sea el tamaño de la página, aparecerá la capa en el centro.
     <p><a href="http://www.uterra.com">www.uterra.com</a>
   </DIV> 
</body>  

</html>