| |||
Como alinear varios div horizontalmente.. Hola, soy un poco nuevo en este tema, y me gustaria saber como hacer lo siguiente. Yo he creado varias capas para maquetar mi pagina. De manera que tengo una capa que es el menu lateral en la izquierda con un fondo de color. Una capa central con el contenido y otra capa lateral derecha con otro tipo de informacion fija. Bien, pues entonces yo quiero que cuando el contenido se vaya ampliando la capa del menu y la otra de la derecha se alarguen tambien y no me quede coja la pagina. Yo, normalmente, maquetaba con tablas y se hacerlo asi, pero ya ha quedado obsoleto y estoy haciendo mis pinitos con capas. Alguien sabe exactamente lo que tengo que hacer para ajustar el tamaño de varios divs.. he mirao en tutoriales y tal pero no encuentro na... |
| |||
Re: Como alinear varios div horizontalmente.. Lo primero, gracias por responder!! Sí, he probado eso, pero no me funciona. A ver, explico mejor. He creado un div contenedor y dentro los divs ke son la cabecera y las 3 columnas. Entonces si yo le pongo un ancho fijo al contenedor, y height:100% a las otras 3 se me ajustan al tamaño del contenedor, peeero, el tamaño del contenedor tiene ke ser siempre el mismo, y yo necesito que sea diferente según ke página te metas. Y claro, si le pongo height:100% al contenedor, y lo mismo en las columnas, las columnas se muestran como si no hubiera puesto nada. Se ven según el contenido de cada una de ellas. :S |
| |||
Re: Como alinear varios div horizontalmente.. Hola, yo tampoco tengo mucha experiencia asi q igual mi consejo no te sirve de mucho, he visto en algunas páginas que simplemente usan una imagen de fonto para lo que es toda la capa del contenido y en esa imagen aparecen las tres columnas dibujadas, imagino que habrá también otras formas de hacerlo pero esta creo q es de las mas sencillas. |
| |||
Re: Como alinear varios div horizontalmente.. Mmm si lo dices porque has puesto un background para cada una de esas divs el menu y el otro lateral, creo que lo mejor sería meter todas esas 3 columnas dentro de un div que lo abarque todo y si así no se soluciona puedes implementar al final un div que avise más o menos que es el final con lo siguiente:
Código:
Espero que eso te sirva de ayuda :) <div style="clear:both;"> </div> |