[Webkit-unassigned] [Bug 52100] New: Table <td> with 100% height not taking it's sibling <td>'s img content into consideration

Fri Jan 7 18:47:02 PST 2011

https://bugs.webkit.org/show_bug.cgi?id=52100

           Summary: Table <td> with 100% height not taking it's sibling
                    <td>'s img content into consideration
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Tables
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: priyajeet.hora at gmail.com

Please use the html code from below and try it on webkit vs non-webkit browsers.
The right pane should be all white, thus signifying the table to take 100% of the available height of it's parent td.
However in webkit the height gets computed to 0 hence you see the black background color.

The right pane td is not taking the image in the left pane td into consideration when computing its height.

<html>
<head>

</head>
<body>
    <table width='100%'>
        <tbody>
            <tr>
                <td style='background-color: black; color: white;' width='10%'>
                    <!-- This image has a height, that is used to calculate the computer height of the td otherwise this td has no height -->
                    <img border="0" src="http://blogoscoped.com/files/google-new-year-logos-2007.png">
                </td>
                <td style='background-color: black; color: white;' height='100%'>
                    <!-- This td has a 100% height, that it should use from its sibling td but the images height is not taken into consideration -->
                    <table id='shouldTakeAllSpace' height="100%" width="100%" cellspacing="0" cellpadding="0" border="0">
                        <!-- This ends up taking no height since its parent has none -->
                        <tbody>
                            <tr>
                                <td width="100%" style="height: 100%; background-color: white; ">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>    
</body>
</html>

Downstream bug
http://code.google.com/p/chromium/issues/detail?id=64584

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.