CSS:
-
<style type="text/css">
-
<!--
-
.centrar {
-
background-color:#3366CC; /*color de fondo*/
-
color: #999988; /*color de letra*/
-
position: absolute; /*Posicionamiento absoluto*/
-
height: 400px; /*altura*/
-
width: 500px; /*altura*/
-
margin-left: -250px; /*Restamos la mitad de ancho del DIV para centrarlo horizontalmente*/
-
margin-top: -200px; /*Restamos la mitad de alto del DIV para centrarlo verticalmente*/
-
left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
-
top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
-
}
-
-->
-
</style>
-
<div class="centrar">Esta capa siempre esta centrada, tanto horizontal como verticalmente.</div>
No related posts.
19 agosto 2008 at 1:44 am
gracias por la ayuda con este script! es lo que necesitaba y andaba buscando desperadadmente saludos bro!
Pingback: 2.000 visitas en un mes. | Infinito Punto Alfa
Pingback: 2.000 visitas en un mes. | TDT y HD en Red
Pingback: 2.000 visitas en un mes. | Zoom en Red
29 octubre 2009 at 19:59 pm
cierto es que asi queda centrado, el problema es que al hacer zoom (ctrl +) en firefox, el div crece lo mismo a cada lado , mientras que el margen no crece en proporcion al zoom. llega un punto que parte del div no se ve y comienza en posiciones inferiores a 0.
en internet explorer esto no ocurre.
26 junio 2010 at 20:01 pm
Gracias amigo, yo sólo necesito el centrado horizontal, eliminé el centrado vertical, me funciona perfecto.
19 julio 2010 at 20:47 pm
Please tell me it worked right? I dont want to sumit it again if i do not have to! Either the blog glitced out or i am an idiot, the second option doesnt surprise me lol. thanks for a great blog!