Categorías: css

Como centrar una capa dentro de otra con css

Para centra una capa dentro de otra, tenemos que fijar unos estilos determinados a el div para poder centrarlo.
Necesitamos tener el margin:auto, y width:50% en la capa que queremos centrar dentro de la otra.

 

Es una forma facil de centrar una capa dentro de otra, se suele utlizar por ejemplo para entrar la pagina dentro del navegador, sea cual sea el ancho de la pantalla o navegador que tengamos.


<style>
#contenedor {
background-color: #009900;
height:300px;
width:589px;
text-align:center;
}
#contenido {
background-color: #FF9900;
height: 50px;
margin: auto;
width: 300px;
text-aling:center;
}
</style>
<div id="botones">
<div id="contenedor">capa contenedor
  <div id="contenido">capa contenida</div>
</div>
</div>

capa contenedor
capa contenida
felixbs

Compartir
Publicado por
felixbs
Etiquetas: css

Entradas recientes

mediaquerys para tablet

/* sin diferencias entre vertical y horizontal */@media only screenand (min-width: 768px)and (max-width: 1024px){ /*…

4 años hace

Strings en php – operaciones básicas con cadenas

Vamos a ver las principales funciones para tratar cadenas o strings en php. Concatenar dos…

9 años hace

Cookie – Añadir, leer y borrar cookies con JQuery

Lo primero que vamos ha hacer es definir que es una cookie: "Una cookie, galleta…

9 años hace

Formularios Symfony2 y twig, campos de textos, numeros, combos y radio buttom

En los formularios de Symfony2 con twig, pondemos añadir campos de texto, nuemericos, combos y…

12 años hace

Instalar Symfony2 rápidamente y fácilmente en Windows 7 y Windows 10

Instalar symfony2 en rápidamente windows 7 y windows 10 requiere de varios pasos que iremos…

12 años hace

Quitar app_dev.php de la url de symfony 2

Para quitar de la url de nuestro symfony2 el app_dev.php modificaremos del .htaccess que lo…

12 años hace