[Ayuda] Reto DIV (was xhtml)

[Jonathan Hernandez]

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/

 
_______________________________________________
Ayuda mailing list
Ayuda en linux.org.mx
Para salir de la lista: http://mail.linux.org.mx/cgi-bin/mailman/listinfo/ayuda/