Jun 6th
Maquetación con CSS, centrar DIVS en el medio del navegador.
- Posted in Maquetacion
- Comments 0
Esto es algo sencillo primero el código, después explico cómo funciona:
Index.html
<div id=”hoja” class=”hoja”>
Esto va centrado
</div>
Como verán en el HTML es solo un div llamando a la clase del style “.hoja”.
Style.css
.hoja
{
Position: absolute;
Width: 980px;
Height: 500px;
Left: 50%
Margin-left:-490px;
Border: #000000 solid thin;
}
Explicando la clase:
Posición absoluta para que podamos ubicarla libremente dentro de la hoja, le damos un tamaño con width y height, luego ubicamos el div en el centro de la pagina con el left: 50% y le quitamos la mitad del tamaño del width con margin-left… listo, tenemos un div centrado en el medio de la pagina, ahora solo falta maquetar la web dentro del div y listo…
