Hola Tae, El código que envías funciona en IE pero no en Firefox. El div#menu queda flotando a la derecha pero por encima del div#contenido que toma un ancho del 100%. Añadiendo un par de widths a los div's hijos (25% y 75% por ejemplo) las columnas vuelven a ser columnas.
Salu2, Fernando Gutiérrez http://ferguweb.tx.com.ru/ On Wed, 30 Mar 2005 22:08:18 -0400, Tae Sandoval Murgan <[EMAIL PROTECTED]> wrote: > Tengo el mismo problema, y la solución que se me ocurrio fue generar > una capa padre que contenga las dos capas que hacen de columnas. Esta > tiene el color o imagen de fondo que usaría la columna para el menú. > Luego tuve que especificar el mismo fondo de "body" en la capa que > hace de columna para el contenido. "Body" además debe carecer de > márgenes. El problema es que ambas columnas tienen sus > correspondientes valores en la propiedad "float", por lo que salen de > la capa padre. Para solucionarlo incluí un párrafo fuera de ambas > columnas con el color de fondo de body y con "clear:both;". No sé si > me doy a entender, por lo que aquí va el código: > > <div id="padre"> > <div id="menu"> > </div> > <div id="contenido"> > </div> > <p id="pie"> </p> > </div> > > No funciona si la capa que flota a la derecha no es declarada antes > que la que flota a la izquierda. El pie también debe ir al final... El > CSS: > > body{margin:0;background:#ffec00 url(fondo.jpeg) repeat-x;} > > div#menu{float:right;} > > div#contenido{float:left;margin:0;background:#ffec00 > url(fondo.jpeg)no-repeat;} > > div#padre{margin:0;padding:0;background-color:#000;} > > p#pie{clear:both;width:75%;margin:0;padding:0;background-color:#ffec00;font-size:1px;} > > Por supuesto, no sólo se aceptan sugerencias, críticas, comentarios o > cualquier opinión: desde ya se agradecen. > > Saludos a todos. > > -- > Desde GNU (Ututo-e XS, Linux 2.6.7), > Tae "Taecilla" Sandoval Murgan > a.k.a. Eleniel Taurendil > > Weblog: http://atravesdelmonitor.bitacoras.com > Jabber ID: [EMAIL PROTECTED] > Correo alternativo: [EMAIL PROTECTED] > _______________________________________________ > 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
