incubator-esme-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Richard Hirsch <hirsch.d...@gmail.com>
Subject Status: IE support
Date Wed, 24 Mar 2010 07:56:49 GMT
Just deployed a new version on stax with improved IE support.

The opening page (http://esmecloudserverapache.dickhirsch.staxapps.net/)
isn't broken anymore but the displayed message is displayed twice.  This
appears to be based on howe IE6 deals with certain JQuery calls. Maybe,
someone can try it out in IE7 to see if works.

Messages are now displayed in IE after logging in but the CSS is still mesed
up.

The reason for the problems is that the design wasn't based on the use of
tables but we use use tables.

What we use:

<lift:comet type="Timeline"/>
        <table>
            <tbody id="personal_timeline_messages">
            <tr id="message">

                 <div class="avatar"> <img id="avatar"
src="/images/avatar.jpg" alt="Anonymous" width="50px"/></div>
                   <div class="update"> <div id="body">-</div>
                   <div class="info"><a href="" id="author">-</a><div
class="time"><div id="supp_data"> -</div></div></div>
                 </div>
                 <div class="time">  </div>
                                    <div class="actions">
                                    <a href="#"  id="resend">

<lift:loc>ui_messages_message_label_resend</lift:loc>
                                    </a>
                                    | <a href="#" id="reply">

<lift:loc>ui_messages_message_label_reply</lift:loc>
                                    </a>
                                    <a id="conversation">
                                        |
<lift:loc>ui_messages_message_label_conversation</lift:loc>
                                    </a>
                                </div>
                <div class="separator">                    </div>
                </tr>



            </tbody>
        </table>

What the designer planned:


    <div class="updates-box">

        <div class="avatar"><img src="images/avatar1.jpg" alt="" /></div>
        <div class="update2">
            <div class="info2"><a href="">Nickname</a></div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
mauris velit, feugiat quis varius ac, malesuada in lectus. Nunc suscipit
condimentum eros vitae lacinia.
            <div class="time">in pool default 3 hours ago</div>
            <div class="actions"><a href="">reply</a> | <a
href="">resend</a> | <a href="">conversation</a> </div>
        </div>
    </div><!--updates-box-->

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message