[Previo por Fecha] [Siguiente por Fecha] [Previo por Hilo] [Siguiente por Hilo]
[Hilos de Discusión] [Fecha] [Tema] [Autor]Hola, Pues usando la onda del display:table-cell si se puede, a ver, aqui esta mi entry... http://ion.gluch.org.mx/reto/ La diferencia que tiene con el de Salvador es que uso a RMS como background, asi si aumentamos el tamanio del texto (ctrl + en mozilla) RMS siempre estara feliz en la parte inferior del div, ademas de que podemos hacer mas divs de la clase `rms', lo malo del table-cell es que si le ponia el borde inferior a la clase `rms' pues no abarcaba el ancho del navegador, es por eso que le puse una clase `bordecito' Saludos, ion On Tue, 2004-10-12 at 17:17, Arturo Espinosa-Aldama wrote: > Que tal? > > Hace unos dias los rete (en especial a Max Valdez) a que implementaran el > siguiente codigo usando unicamente el modelo de layers (divs), esto a partir > de que Max dijera que nunca se habia topado con un layout que no pudiera > implementar con divs: > > Copia simplificada sin estilos de lo que se necesita emular (checar > http://www.msg.com.mx/~arturo/Projects/Stallman/ para original) > > <table id="rmstitle"> > <tr> > <td><img type="image/png" src="rms-big.png"></td> > <td valign="bottom" width="100%"> > <div>Subttulos para la conferencia de RMS de</div> > <div>"El movimiento del Software Libre y el sistema operativo > GNU/Linux"</div> > </td> > </tr> > </table> > > Bueno, Salvador Ortiz ha salido con una solucion basada en Divs, aunque con > un leve truco: pidiendole a los divs que se comporten como celdas de tablas, > lo cual incumple con las condiciones que yo di, ya que eso se sale del > esquema de layers, al introducir elementos que hacen uso del esquema de > tablas. Adicionalmente, y como tambien predije, esta solucion, aunque > parcial, a este dilema, me ha proporcionado una experiencia aleccionadora. > > A continuacion el codigo escrito por Salvador, tambien disponible en > http://www.msg.com.mx/~sog/tt.html > > <div style="border-bottom: 1px solid"> > <div style="display: table-cell; vertical-align: middle"> > <img type="image/png" src="rms-big.png"> > </div> > <div style="display: table-cell; vertical-align: bottom"> > Subtítulos para la conferencia de RMS de<br> > "El movimiento del Software Libre y el sistema operativo GNU/Linux" > </div> > </div> > > Espero les sirva tanto como a mi. Y bueno, el reto sigue en pie, que a pesar > de esta tentativa, sigue mostrando que el layout tipo layer esta incompleto > (sin contradecir a la w3, que claramente establece que div y table son > complementarios). ;) > > Saludos, > Arturo > > _________________________________________________________________ > Express yourself instantly with MSN Messenger! Download today it's FREE! > http://messenger.msn.com/ > > > > _______________________________________________ > Ayuda mailing list > Ayuda en linux org mx > Para salir de la lista: http://mail.linux.org.mx/cgi-bin/mailman/listinfo/ayuda/