Foros del Web - Alinear capas una al lado de la otra

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Alinear capas una al lado de la otra (http://www.forosdelweb.com/f53/alinear-capas-lado-otra-375975/)

animexepo

06/03/2006 05:22

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.

xevisoyyo

06/03/2006 05:49

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/

webosiris

06/03/2006 05:57

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}

:adios:

animexepo

06/03/2006 06:14

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.

webosiris

06/03/2006 06:29

agregale "margin:auto".. si no funciona, pega tu código (no todo, lo que corresponda).

Código:

.capa{

float:left;

margin:auto;}

animexepo

06/03/2006 06:44

Bueno lo que tengo es lo que me habeís puesto.

Para el css

Código:

#contenedor{

background-color:#00FF66;

width:80%;

margin:auto;

}
 

.capa{

float:left;

border:1px solid;

margin:auto;

}

Para el html

Código:

<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>

Lo que quiero es hacer esto pero dinámicamente
http://unicem.es/images/organigrama.gif
y con tablas no he sido capaz por lo que había pensado en capas

Saludos.

La zona horaria es GMT -6. Ahora son las 02:12.