Macho, prueba a poner primero la columna izquierda antes del central. Creo que te funcionará Un saludo Angeles
Message: 1 Date: Tue, 19 Sep 2006 17:25:04 +0200 From: Nacho F. Carreño <[EMAIL PROTECTED]> Subject: [Ovillo] Problema con maquetación a 3 columnas To: "Ovillo, la lista de CSS en castellano" <[email protected]> Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset="iso-8859-1" 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 ------------------------------ Message: 2 Date: Tue, 19 Sep 2006 21:44:06 +0200 From: Raul Martin <[EMAIL PROTECTED]> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal como vertical en una línea To: "Ovillo, la lista de CSS en castellano" <[email protected]> Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset=iso-8859-1 Hola, Ya que las imagenes son elementos de linea... los únicos que estorban son los <li>s (por que es una lista). Los convertimos en elementos de línea y en lugar de operar con bloques y tener que llamar a las gruas para colocarlos, manejamos un frase de imágenes :D y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y no parece que se le haga caso :D www.ubicuit.net/ejemplosCSS/galeria/index2.htm UN saludo L> Es impresionante la diferencia de esos marcos con relieve según se vea con L> Firefox o Explorer. L> Con Firefox se ven "espectaculares". L> Para que queden centrados "sin tabla" debes usar ésto en la etiqueta de L> imagen: <img style="vertical-align: middle"> que es el equivalente a: <img align="absmiddle">> y poner las fotos dentro de un div con el alto de la foto L> mayor para que tengan un marco de referencia. L> Almirante Von Web/. L> ----- Original Message ----- L> From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> L> To: <[email protected]> L> Sent: Monday, September 18, 2006 5:40 PM L> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal L> como vertical en una línea L> Gracias DJ-dom, Laura, David Castelló y Sureña. L> He probado ambas soluciones pero solo sirve si las imágenes tienen el L> mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en L> horizontal como en vertical, y me gustaría que quedaran como en la página L> http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores, L> pero están en tablas, no lo consigo con css. L> Gracias de nuevo por vuestro interés. L> -- L> Saludos. L> Francisco ------------------------------ Message: 3 Date: Wed, 20 Sep 2006 11:08:39 +0200 From: "Orange at Google" <[EMAIL PROTECTED]> Subject: Re: [Ovillo] elasticidad limite To: "Ovillo, la lista de CSS en castellano" <[email protected]> Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset=ISO-8859-1; format=flowed Puedes usar una combinación de min y max width para navegadores que entiendan estandares y expressions para Explorer. La expression utilizada, si quieres que sea compatible con versiones 5.x del navegador, es un tanto complicada. Aqui tienes una posible solución que propuse yo para hacer un diseño adaptable a 800 y a 1024 px de resolución http://www.domestika.org/foros/viewtopic.php?t=47512 Espero que te sirva de ayuda El día 17/09/06, Carlos Revillo <[EMAIL PROTECTED]> escribió: > > > > Puedes jugar con min-width, min-height, max-width y max-height (sin > > soporte en Explorer). > > > > > http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-widths > > > > > hay una "trampilla" para hacerlo funcionar en explorer... > http://www.webreference.com/programming/min-width/ > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Orange at GMail ------------------------------ _______________________________________________ Ovillo mailing list [email protected] http://lists.ovillo.org/mailman/listinfo/ovillo Fin de Resumen de Ovillo, Vol 31, Envío 24 ****************************************** _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
