[Webkit-unassigned] [Bug 76799] New: display: table-cell does not work properly when applied to img elements

Sun Jan 22 10:04:14 PST 2012

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

           Summary: display: table-cell does not work properly when
                    applied to img elements
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: michael at elsdoerfer.com

img elements are wrapped below below each other, when they should be beside each other:

http://jsfiddle.net/elsdoerfer/F6c3N/

Copy of the code here:

<!DOCTYPE html>
<html>
    <head>
        <style>
            .stripes {display: table; border-collapse: collapse;}
            .stripes > a {display: table-row; border: 1px solid red}
            .stripes > a > * {
                display: table-cell;
                vertical-align: top;
                border: 1px solid #000;
                padding: 10px;
            }
        </style>
    </head>
    <body>

        <div class="stripes">
            <a href>
                <img src="http://www.freeimages.co.uk/galleries/nature/weather/thumbs/frost_oak_leaf_winter_218310.jpg" />
            </a>
            <a href>
                <img src="http://www.freeimages.co.uk/galleries/nature/weather/thumbs/frost_oak_leaf_winter_218310.jpg" />
                <img src="http://www.freeimages.co.uk/galleries/nature/weather/thumbs/frost_oak_leaf_winter_218310.jpg" />
                <img src="http://www.freeimages.co.uk/galleries/nature/weather/thumbs/frost_oak_leaf_winter_218310.jpg" />
            </a>
            <a href>
                <img src="http://www.freeimages.co.uk/galleries/nature/weather/thumbs/frost_oak_leaf_winter_218310.jpg" />
            </a>
        </div>        

    </body>
</html>

I am in fact using Safari 5.1.2 - the latest nightly crashes on Windows, and downloading one takes forever, so I haven't tried any older ones. The same thing happens in Chrome.

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