6262 2005-12-27 14:45:36 -0800 Centering table within a absolute positioned div does not work 2005-12-28 07:07:23 -0800 1 1 1 Unclassified WebKit Layout and Rendering 420+ Mac OS X 10.4 RESOLVED DUPLICATE 4860 HasReduction P2 Major --- 1 L.B.Kruijswijk webkit-unassigned oldest_to_newest 26829 0 L.B.Kruijswijk 2005-12-27 14:45:36 -0800 Hi All, I am checking my website with safari, but I can't in any way center a table (the whole table) within a div that is positioned absolutely. This is really irritating, because I can't find a good work arround. The code is like this (I am using strict XHTML): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <meta http-equiv="Expires" content="0"/> <meta http-equiv="Pragma" content="no-cache"/> <title>SHODKA TEST</title> </head> <body> <h4>Test A</h4> <div style="text-align: left; position: absolute; left: 0px; top: 100px"> <table style="margin-left: auto; margin-right: auto"> <tr><th>c</th></tr> <tr><td>c</td></tr> <tr><td>xxxxxxx</td></tr> </table> </div> </body> </html> Regards Lucas. Let me know if there is a workaround. 26835 1 eric 2005-12-27 14:53:00 -0800 In this case, it shouldn't matter (as this sounds like a RenderLayer issue), but are you serving this page as text/xml or as text/html? If you're serving it as html, you'll go through the HTML parser, even though your document is conformant XHTML 1.0. You can find out which, by pointing http://web-sniffer.net/ at your site, or using "curl -I <your url>" Either will tell you how your server is vending the content. FYI, it's also best to attach the test cases as files (instead of comments) in the future. doing so now. 26836 2 5313 eric 2005-12-27 14:53:50 -0800 Created attachment 5313 Test case as attachement 26837 3 eric 2005-12-27 14:55:07 -0800 It's not clear to me from the test case what we're suposed to be seeing. but comparing with firefox, it appears our behavior is wrong in this regard. I bet we already have a bug tracking this somewhere. 26854 4 L.B.Kruijswijk 2005-12-27 15:27:29 -0800 If you remove the 'div', then Safari will center the table. There are in principle two ways to center a table: - Set text-align to 'center'. This is the old way. - According to CSS it should be as in the test case. Setting margin-left and margin-right to 'auto'. Anyway, I spend a whole evening to get it centered within a div that has an absolute positioning. But Safari wouldn't listen to me: I tried: - Setting text-align in the 'div' on 'center'. - Using '<center>' tag. - Using align='center' - Using an additional div - Using an additional div with fixed width. - Using content on text/html and text/xml (as suggested in the comments). - Using a table within a table. It won't work. Safari can't center a table within a div that has position on absolute. Therefor, I consider this is bug rather sever. 26991 5 5333 joost 2005-12-28 03:35:40 -0800 Created attachment 5333 Testcase What happens here, is that when firefox has a table within a <div> it automatically adjusts the div's width to 100%, even if the table has no width of it's own. 26992 6 joost 2005-12-28 03:40:07 -0800 The behavior for the testcase is the same for both firefox and ie.mac. I personally do not agree that this is a bug, i think firefox and ie render it wrong. I may be wrong ofcourse :). The fix is shown in the testcase though, so reporter: add width:100% to the containg div and you should be ok. 26993 7 5334 joost 2005-12-28 03:40:44 -0800 Created attachment 5334 Testcase 27009 8 L.B.Kruijswijk 2005-12-28 05:17:09 -0800 I do not agree with the comments of Joost. Although, I got one situation where I could get a table centered within a div with position on 'absolute', I don't get it in all situations. I think there is a rule of thumb: - Where you can center text, it should be possible to center a table. This is certainly NOT the case. Safari is very, very persistent in not centering the table. 27017 9 joost 2005-12-28 07:07:23 -0800 This seems to be harder than i thought. But, as well it is a dupe, namely of 4860. Marking it as such. *** This bug has been marked as a duplicate of 4860 *** 5313 2005-12-27 14:53:50 -0800 2005-12-28 03:35:40 -0800 Test case as attachement center.xhtml application/xhtml+xml 609 eric PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgClN0cmljdC8vRU4i ICJodHRwOi8vd3d3LnczLm9yZy9UUi94aHRtbDEvRFREL3hodG1sMS1zdHJpY3QuZHRkIj4KPGh0 bWwgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiPgo8aGVhZD4KPG1ldGEgaHR0 cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7IGNoYXJzZXQ9aXNvLTg4 NTktMSIvPgo8bWV0YSBodHRwLWVxdWl2PSJFeHBpcmVzIiBjb250ZW50PSIwIi8+CjxtZXRhIGh0 dHAtZXF1aXY9IlByYWdtYSIgY29udGVudD0ibm8tY2FjaGUiLz4KPHRpdGxlPlNIT0RLQSBURVNU PC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KPGg0PlRlc3QgQTwvaDQ+CjxkaXYgc3R5bGU9InRleHQt YWxpZ246IGxlZnQ7IHBvc2l0aW9uOiBhYnNvbHV0ZTsgbGVmdDogMHB4OyB0b3A6IDEwMHB4Ij4K PHRhYmxlIHN0eWxlPSJtYXJnaW4tbGVmdDogYXV0bzsgbWFyZ2luLXJpZ2h0OiBhdXRvIj4KPHRy Pjx0aD5jPC90aD48L3RyPgo8dHI+PHRkPmM8L3RkPjwvdHI+Cjx0cj48dGQ+eHh4eHh4eDwvdGQ+ PC90cj4KPC90YWJsZT4KPC9kaXY+Cgo8L2JvZHk+CjwvaHRtbD4K 5333 2005-12-28 03:35:40 -0800 2005-12-28 03:40:44 -0800 Testcase centering-issues.html text/html 636 joost PHA+CglUaGVzZSB0d28gZGl2cyBiZWxvdyBhcmUgdGhlIHNhbWUsIGV4Y2VwdCBmb3Igb25lIHRo aW5nLCB0aGUgZmlyc3QgZGl2IGlzIGdpdmVuIAoJPHR0PndpZHRoOiAxMDAlOzwvdHQ+LCB0aGUg c2Vjb25kIGhhcyBubyB3aWR0aC4gRmlyZWZveCBnaXZlcyBib3RoIGEgMTAwJSB3aWR0aCwKCVNh ZmFyaSBqdXN0IHRoZSBmaXJzdCBvbmUuIElmIHlvdSBjaGFuZ2UgdGhlIHRhYmxlcyBpbnNpZGUg dGhlIGRpdiBpbnRvIGEgCglwYXJhZ3JhcGgsIHRoZSBwcm9ibGVtIGlzIGdvbmUuCjwvcD4KPGRp diBzdHlsZT0idGV4dC1hbGlnbjogY2VudGVyOyBwb3NpdGlvbjogYWJzb2x1dGU7IGxlZnQ6IDBw eDsgdG9wOiAxMDBweDsgYm9yZGVyOiAxcHggc29saWQgIzAwMDsgd2lkdGg6IDEwMCU7Ij4KCTx0 YWJsZSBzdHlsZT0ibWFyZ2luOiAwIGF1dG87Ij48dHI+PHRkPlRlc3Q8L3RkPjwvdHI+PC90YWJs ZT4KPC9kaXY+CjxkaXYgc3R5bGU9InRleHQtYWxpZ246IGNlbnRlcjsgcG9zaXRpb246IGFic29s dXRlOyBsZWZ0OiAwcHg7IHRvcDogMjAwcHg7IGJvcmRlcjogMXB4IHNvbGlkICMwMDA7Ij4KCTx0 YWJsZSBzdHlsZT0ibWFyZ2luOiAwIGF1dG87Ij48dHI+PHRkPlRlc3Q8L3RkPjwvdHI+PC90YWJs ZT4KPC9kaXY+ 5334 2005-12-28 03:40:44 -0800 2005-12-28 03:40:44 -0800 Testcase centering-issues.html text/html 596 joost PHA+CglUaGVzZSB0d28gZGl2cyBiZWxvdyBhcmUgdGhlIHNhbWUsIGV4Y2VwdCBmb3Igb25lIHRo aW5nLCB0aGUgZmlyc3QgZGl2IGlzIGdpdmVuIAoJPHR0PndpZHRoOiAxMDAlOzwvdHQ+LCB0aGUg c2Vjb25kIGhhcyBubyB3aWR0aC4gRmlyZWZveCBnaXZlcyBib3RoIGEgMTAwJSB3aWR0aCwKCVNh ZmFyaSBqdXN0IHRoZSBmaXJzdCBvbmUuIElmIHlvdSBjaGFuZ2UgdGhlIHRhYmxlcyBpbnNpZGUg dGhlIGRpdiBpbnRvIGEgCglwYXJhZ3JhcGgsIHRoZSBwcm9ibGVtIGlzIGdvbmUuCjwvcD4KPGRp diBzdHlsZT0icG9zaXRpb246IGFic29sdXRlOyBsZWZ0OiAwcHg7IHRvcDogMTAwcHg7IGJvcmRl cjogMXB4IHNvbGlkICMwMDA7IHdpZHRoOiAxMDAlOyI+Cgk8dGFibGUgc3R5bGU9Im1hcmdpbjog MCBhdXRvOyI+PHRyPjx0ZD5UZXN0PC90ZD48L3RyPjwvdGFibGU+CjwvZGl2Pgo8ZGl2IHN0eWxl PSJwb3NpdGlvbjogYWJzb2x1dGU7IGxlZnQ6IDBweDsgdG9wOiAyMDBweDsgYm9yZGVyOiAxcHgg c29saWQgIzAwMDsiPgoJPHRhYmxlIHN0eWxlPSJtYXJnaW46IDAgYXV0bzsiPjx0cj48dGQ+VGVz dDwvdGQ+PC90cj48L3RhYmxlPgo8L2Rpdj4=