[Webkit-unassigned] [Bug 75277] New: Images positioned incorrectly with CSS position:absolute inside position:relative with text-align:center

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Dec 27 16:01:42 PST 2011


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

           Summary: Images positioned incorrectly with CSS
                    position:absolute inside position:relative with
                    text-align:center
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
               URL: https://www.google.com/m/places?source=mog&gl=us&sa=N#
                    ipd:gl=us&mode=search&q=ritual%20roasters&source=ipd
        OS/Version: All
            Status: NEW
          Keywords: HasReduction, Regression
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: epenner at chromium.org


The image below should be centered. It is centered on Safari but not on the webkit nightly. 

<!DOCTYPE html>
<html>
<head>
<style>
.Outer { text-align: center; }
.Inner { position:relative; height:178px; width:318px; display:inline-block; border:1px solid #aaa;  }
.Image { position:absolute; top: 0; background:blue;}
</style>
</head>
<body>

<div class="Outer">
<div class="Inner">
<img class="Image" src='' width="318" height="178">
</div>
</div>

</body>
</html>

Or go here with a mobile user-agent:
https://www.google.com/m/places?source=mog&gl=us&sa=N#ipd:gl=us&mode=search&q=ritual%20roasters&source=ipd

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



More information about the webkit-unassigned mailing list