[Semi-OT] Centrar DIV

16/10/2007 - 19:24 por David Horno | Informe spam
Hola a todos, una dudilla: ¿cómo puedo centrar un div en el centro del
navegador?

Si por ejemplo tengo un div que tiene 100 x 100 px, ¿como puedo hacer que se
centre sea como sea de grande la ventana del navegador?

No me sirve el height0% de las tablas porque necesito que pase el W3C.
 

Leer las respuestas

#1 Manuel Vera
16/10/2007 - 20:12 | Informe spam
Revisa estos links

http://murphy.cz/victoria-s-vertical-centering/

http://www.jakpsatweb.cz/css/prikla...on-en.html

Aqui tienes un codigo adicional:

*** esto lo colocas en el HEAD
<style media="screen" type="text/css">
body {
margin:0px;
padding:0px;
background-color: #EDEDED;
}
#linea
{
width: 100%;
position: absolute;
top: 50%;
background-color: #EDEDED;
text-align: center;
overflow: visible;
}
#caja
{
position: absolute;
width: 200px;
height: 100px;
top: -50px;
left: 50%;
margin-left: -100px;
background-color: #66f;
font-family: 'trebuchet ms', tahoma, arial, sans-serif;
font-weight: bold;
font-size: 26px;
color: #006;
}
</style>


*** y esto otro lo colocas en el BODY
<div id="linea">
<div id="caja">
Esta caja siempre estará en el centro
</div>
</div>

MV

"David Horno" escribió en el mensaje
news:
Hola a todos, una dudilla: ¿cómo puedo centrar un div en el centro del
navegador?

Si por ejemplo tengo un div que tiene 100 x 100 px, ¿como puedo hacer que
se centre sea como sea de grande la ventana del navegador?

No me sirve el height0% de las tablas porque necesito que pase el W3C.


Preguntas similares