Pues la pequeña duda es la siguiente.
Se puede centrar un <div> por medio de CSS?? Si es asi, como seria?
Gracias....
Darle a los margenes laterales el valor auto:
margin-left: auto;
margin-right: auto;
Más corto:
margin: 0 auto 0 auto;
Pero seria en ese caso, 0 para el margin-top.
Con vuestro permiso aprovecho el post, viendo los ejemplos de quicksmode me he fijado en que para centrar verticalmente el contenido usan una tabla y dentro meten el contenedor.
Hay alguna forma de hacerlo solo con contenedor?
Gracias
margin: 0 auto 0 auto;
Eso me va bien en Firefox, pero ahora que he probado a ver la web en IE me falla, no me lo centra en IE, en firefox va perfecto.
P.D. Ahora IE no me centra ni un simple text-aling: center; porque puede ser? no me centra nada que no este entre <center> y </center> pero firefox si que me lo coge todo bien, no lo entiendo.
prueba esto:
#capa {
width: 800px; /* width de tu capa */
margin: auto;}
#5 si que se puede alinear verticalmente solo con divs sin necesidad de tablas, para ello necesitas 3 divs, luego te lo busco que lo tengo anotado en alguna parte.
Para centrar un div verticalmente ( No funciona en IE ) aunque se puede trastear para que funcione.
el Html
<div id="Outer">
<div id="Middle">
<div id="Inner">
Lo que deseas alinear verticalmente
</div>
</div>
</div>
y su CSS
#Outer {
height: 500px;
overflow: hidden;
position: relative;
border:1px solid black;
}
#Outer[id] {
display: table;
position: static;
}
#Middle {
position: absolute;
top: 50%;
border: 1px solid red;
}
#Middle[id] {
display: table-cell;
vertical-align: middle;
position: static;
}
#Inner {
position: relative;
border:1px solid blue;
top: -50%;
}
#Inner[id] {
position: static;
}
puedes tocar las alturas y los bordes que eso lo he puesto yo.
