Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(17)

Side by Side Diff: LayoutTests/fast/table/table-in-table-percent-width-collapsing-border.html

Issue 9014010: Merge 100661 - CSS table with 100% width can overflow their containing block (Closed) Base URL: http://svn.webkit.org/repository/webkit/branches/chromium/912/
Patch Set: Created 8 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <body> 3 <body>
4 <!-- https://bugs.webkit.org/show_bug.cgi?id=72180 : CSS table with 100% width o verflow their container block --> 4 <!-- https://bugs.webkit.org/show_bug.cgi?id=72180 : CSS table with 100% width o verflow their container block -->
5 <!-- The test passes if the inner table has 2 seperate borders in all corners. - -> 5 <!-- The test passes if the inner table has 2 seperate borders in all corners. - ->
6 <div style='display:table; border: 1px solid black; width: 500px; height: 500px; padding: 10px;'> 6 <div style='display:table; border: 1px solid black; width: 500px; height: 500px; padding: 10px;'>
7 <div style='display:table-row; border: 1px solid red;'> 7 <div style='display:table-row; border: 1px solid red;'>
8 <div style='display:table-cell; border: 1px solid blue;'> 8 <div style='display:table-cell; border: 1px solid blue;'>
9 <div style='display:table; border-collapse: collapse; border: 1px solid gr een; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box- sizing: border-box;'> 9 <div style='display:table; border-collapse: collapse; border: 1px solid gr een; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box- sizing: border-box;'>
10 <div style='display:table-row; border: 1px solid cyan;'> 10 <div style='display:table-row; border: 1px solid cyan;'>
11 <div style='display:table-cell; border: 1px solid magenta;'> 11 <div style='display:table-cell; border: 1px solid magenta;'>
12 </div> 12 </div>
13 </div> 13 </div>
14 </div> 14 </div>
15 </div> 15 </div>
16 </div> 16 </div>
17 </div> 17 </div>
18 </body> 18 </body>
19 </html> 19 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698