Proba poniendo las 3 columnas flotadas, con margin y padding y un clear
donde termina la última y así se mantendran siempre posicionadas a pesar que
varíe el contenido.
Espero sea lo que necesitas.
Saludos.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 19 de Septiembre de 2006 12:25
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Problema con maquetación a 3 columnas
Hola a [EMAIL PROTECTED],
Me estoy intentando hacer una maquetación a tres columnas pero me surgen
varios problemas.
El ancho total de la es de 779px para ello tengo una capa contenedora que
cuya posicion es relative.
Tengo una capa lateral izquierda con estos estilos:
#laterali {
float:left;
padding: 175px 0 0 75px;
width:150px;
z-index:1;
}
Y una capa central con estos estilos:
#contenido {
width:375px;
margin: 10px 10px 5px 230px;
background:#F2FEF2;
}
El problema me surge ahora al querer poner la columna izquierda. Sólo la he
conseguido posicionar como yo quiero poniéndole un position:absolute y
dandole las coordenadas exactas. El problema con el que me encuentro es que
estoy jugando con dos fondos, el de la página principal se repite
verticalmente y el otro fondo se repite horizontalmente dentro de la capa
que contiene toda la Web y la cuestión está en que si la zona lateral
derecha tiene más contenidos que las otras dos capas se hace más larga, sin
embargo, al estar con medidas absolutas el fondo se estira hasta sólo la
parte más larga de las otras dos capas por lo que el efecto es como si la
capa lateral derecha se saliera por encima de la Web.
Espero haberme explicado bien :-(
Un saludo,
Nacho
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
