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 [email protected] > 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
