[Ayuda] Reto DIV (was xhtml)

["Arturo Espinosa-Aldama" <arturoea en hotmail com>]

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>Subtítulos 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&iacute;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/