Me gustaría alinear capas horizontalmente una a lado de la otra y que a la vez esten centradas en una tabla, no se si me explico

He mirado por google pero o no encuentro nada o estoy buscando mal, haber si alguien me puede hechar una mano.
Saludos.
| |||
Alinear capas una al lado de la otra Buenas, Me gustaría alinear capas horizontalmente una a lado de la otra y que a la vez esten centradas en una tabla, no se si me explico ![]() He mirado por google pero o no encuentro nada o estoy buscando mal, haber si alguien me puede hechar una mano. Saludos. |
| ||||
Hola, si lo que quieres es centrar unas columnas dentro de una caja y que todo quede centradao (usand capas) mirate la primera respuesta de aqui: http://www.forosdelweb.com/f53/3-columnas-375877/ |
| ||||
estás buscando mal ![]() para que las capas queden una al lado de la otra, se utiliza float... quedaría así:
Código:
----HTML---- <div id="contenedor"> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> </div> ----CSS---- #contenedor{ width:80%; margin:auto;} .capa{float:left} ![]()
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
| |||
Buenas, No es exactamente eso lo que buscaba pero se acerca :D Con eso las capas salen unas al lado de otras pero no se centran en la capa contenedora y la verdad no se hacerlo porque de css se lo justo (nada jeje). Gracias por la ayuda. Saludos. |
| ||||
agregale "margin:auto".. si no funciona, pega tu código (no todo, lo que corresponda).
Código:
.capa{ float:left; margin:auto;}
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
| |||
Bueno lo que tengo es lo que me habeís puesto. Para el css
Código:
Para el html#contenedor{ background-color:#00FF66; width:80%; margin:auto; } .capa{ float:left; border:1px solid; margin:auto; }
Código:
Lo que quiero es hacer esto pero dinámicamente<div id="contenedor"> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> </div> http://unicem.es/images/organigrama.gif y con tablas no he sido capaz por lo que había pensado en capas Saludos. |