Bug 21665 - image and content misaligned on page
Summary: image and content misaligned on page
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://down1.tech.sina.com.cn/downloa...
Keywords:
Depends on:
Blocks:
 
Reported: 2008-10-16 14:14 PDT by Anantha Keesara
Modified: 2012-06-20 21:49 PDT (History)
2 users (show)

See Also:


Attachments
reduction.zip (1.01 KB, application/octet-stream)
2008-10-16 14:14 PDT, Anantha Keesara
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Anantha Keesara 2008-10-16 14:14:27 PDT
I Steps:
 Go to http://down1.tech.sina.com.cn/download/down_softpic/1081612800/9288.shtml
 
 II Issue:
 image and content misaligned on page
 
 III Conclusion:
 The issue is caused by style property "text-align:center" specified to <body> tag. when specify this in <body>, IE renders the <table> in <body> with center aligned, while the other browsers don't. 
 If remove "text-align:center", then IE's behavior is same with other browsers
 
 IV Other Browsers:
 IE7: ok
 FF3: not ok
 
 V Nightly tested: 37382
Comment 1 Anantha Keesara 2008-10-16 14:14:28 PDT
Created attachment 24416 [details]
reduction.zip
Comment 2 Luke Macpherson 2012-03-14 20:54:24 PDT
This bug is ~3 years old now. Is it still reproducible?
Comment 3 David Barr 2012-06-20 21:49:56 PDT
The intended effect in the attached reproduction can be achieved by applying {margin-left:auto; margin-right:auto;} to the table. However, WebKit is working as intended.