What's New?

[CLOSED] TableLayout cell RowSpan and ColSpan not working in IE7

  1. #1
    Nov 09, 2010, 10:49 AM

    [CLOSED] TableLayout cell RowSpan and ColSpan not working in IE7

    Hello,

    we're trying to update a page that previously used <table> elements to use TableLayout now, but we've run into compatibility problems. The new design works well under IE8, but we need to support IE7 as well, and it renders the page differently. Screenshots from IE8 native and compatibility mode are attached, please advise.
    Attached Thumbnails Click image for larger version.  Name: ie7.jpg  Views: 333  Size: 93.5 KB  ID: 1866   Click image for larger version.  Name: ie8.jpg  Views: 277  Size: 89.8 KB  ID: 1867  
    Attached Files
    Last edited by Daniil; Nov 11, 2010 at 9:14 AM. Reason: [CLOSED]
  2. #2
    Nov 09, 2010, 2:51 PM
    Hi,

    I was unable to run the code you attached.

    Are you able to prepare a simplified sample code which we can run without any changes?
  3. #3
    Nov 09, 2010, 4:12 PM
    Hi,

    I don't think that it is Ext.Net bug. It is IE7 bug. For example, test the following (pure HTML) sample under IE7 and IE8
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    
    <head>
    </head>
    
    <body>
        <TABLE BORDER=1>
            <TR>
                <TD>
                    <div style="width:100px;height:100px;">
                        &nbsp;
                    </div>
                </TD>
                <TD>
                    <div style="width:100px;height:100px;">
                        &nbsp;
                    </div>
                </TD>
                <TD ROWSPAN="2">
                    <div style="width:100px;height:200px;">
                        &nbsp;
                    </div>
                </TD>
            </TR>
            <TR>
                <TD COLSPAN="2" ROWSPAN="2">
                    <div style="width:200px;height:200px;">
                        &nbsp;
                    </div>
                </TD>
            </TR>
            <TR>
                <TD>
                    <div style="width:100px;height:100px;">
                        &nbsp;
                    </div>
                </TD>
            </TR>
            <TR>
                <TD COLSPAN="3">
                    <div style="width:300px;height:100px;">
                        &nbsp;
                    </div>
                </TD>
            </TR>
        </TABLE>
    </body>

</html>
  4. #4
    Nov 10, 2010, 1:26 PM
    You're right, it is an IE bug. One solution to avoid the problem is to nest tables; should we simply nest TableLayouts then?
  5. #5
    Nov 10, 2010, 3:17 PM
    Hi,

    There shouldn't be any problem with nested TableLayouts.

Similar Threads

  1. Tablelayout & colspan- best practices
    By springrider in forum 1.x Help
    Replies: 0
    Last Post: Aug 18, 2011, 10:35 PM
  2. [CLOSED] Insert Cell into ext:TableLayout
    By georgek in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Feb 24, 2011, 5:07 PM
  3. [CLOSED] TableLayout adding new cell
    By kenanhancer in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Jan 17, 2011, 10:48 AM
  4. [CLOSED] TableLayout Cell has no runat=server
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 29, 2009, 6:12 PM
  5. [CLOSED] Howto NOWRAP a cell in the TableLayout
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 29, 2008, 1:00 PM

Tags for this Thread

Posting Permissions