[Ovillo] Distribuir div's en 3 columnas con margen
Hola... Tengo un problemilla y no sé si las Css me podrán ayudar en esta ocasión... En un div 'contenedor' quiero se ajusten otros div en 3 columnas automáticamente, hasta aquí lo consigo, además, me gustaría que la los módulos centrales tuvieran una separación respecto a los que están a su derecha e izquierda (también lo consigo). Pero el problema es que quiero que se ajusten al 100% del div contenedor, con lo que el uso del margin no me vale. ** Como es posible que no me exprese correctamente os he preparado un esquema y un ejemplo en: http://algarinejo.com/problema_modulo/distribuir_div.html ¿alguna idea??? Graciasss ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Distribuir div's en 3 columnas con margen
Prueba a 'flotar' las columnas de los lados y a dejar el del medio normal,
pero con márgenes. Más o menos algo así:
.izquierda {
float: left;
margin: 15px 0;
width: 30%;
}
.derecha {
float: right;
margin: 15 px 0;
width: 30%;
}
.centro {
margin: 15 px 35%;
width: 30%;
}
Donde pone los porcentajes lo puedes poner así o poner longitudes
directamente.
Saludos, Víctor
On Tue, 12 Jul 2005 19:31:13 +0200, jm unica [EMAIL PROTECTED] wrote:
Hola...
Tengo un problemilla y no sé si las Css me podrán ayudar en esta
ocasión...
En un div 'contenedor' quiero se ajusten otros div en 3 columnas
automáticamente, hasta aquí lo consigo, además, me gustaría que la los
módulos centrales tuvieran una separación respecto a los que están a
su derecha e izquierda (también lo consigo). Pero el problema es que
quiero que se ajusten al 100% del div contenedor, con lo que el uso
del margin no me vale. **
Como es posible que no me exprese correctamente os he preparado un
esquema y un ejemplo en:
http://algarinejo.com/problema_modulo/distribuir_div.html
¿alguna idea???
Graciasss
___
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://ovillo.org/mailman/listinfo/ovillo
--
Usando el revolucionario cliente de correo de Opera:
http://www.opera.com/m2/
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Distribuir div's en 3 columnas con margen
Precisamente estoy rediseñando/maquetando la web del estudio[1] con la misma idea de maqueta (3 columnas), al menos para la página inicial. El ejemplo está basado en la maqueta a 3 columnas de Layoutmatic[2]. Aunque en mi caso sí trabajo con los márgenes laterales. A pesar de ello, la solución pasa por lo mismo. Puedes echarle un vistazo al CSS de la maqueta[3] a ver si te sirve de algo (no te asustes de las ñapas :-P) [1] http://www.nemografica.com/trabajos/nemografica/ [2] http://www.inknoise.com/experimental/layoutomatic.php [3] http://www.nemografica.com/trabajos/nemografica/css/nemografica.css Saludos y suerte, Abel Domínguez - Original Message - From: jm unica [EMAIL PROTECTED] To: Ovillo@lists.ovillo.org Sent: Tuesday, July 12, 2005 7:31 PM Subject: [Ovillo] Distribuir div's en 3 columnas con margen Hola... Tengo un problemilla y no sé si las Css me podrán ayudar en esta ocasión... En un div 'contenedor' quiero se ajusten otros div en 3 columnas automáticamente, hasta aquí lo consigo, además, me gustaría que la los módulos centrales tuvieran una separación respecto a los que están a su derecha e izquierda (también lo consigo). Pero el problema es que quiero que se ajusten al 100% del div contenedor, con lo que el uso del margin no me vale. ** Como es posible que no me exprese correctamente os he preparado un esquema y un ejemplo en: http://algarinejo.com/problema_modulo/distribuir_div.html ¿alguna idea??? Graciasss ___ 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://ovillo.org/mailman/listinfo/ovillo ___ 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://ovillo.org/mailman/listinfo/ovillo
