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

Side by Side Diff: LayoutTests/fast/table/table-in-table-percent-width-collapsing-border-quirks-mode.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 <html> 1 <html>
2 <body> 2 <body>
3 <!-- https://bugs.webkit.org/show_bug.cgi?id=72180 : CSS table with 100% width o verflow their container block --> 3 <!-- https://bugs.webkit.org/show_bug.cgi?id=72180 : CSS table with 100% width o verflow their container block -->
4 <!-- The test passes if the inner table has 2 seperate borders in all corners. - -> 4 <!-- The test passes if the inner table has 2 seperate borders in all corners. - ->
5 <div style='display:table; border: 1px solid black; width: 500px; height: 500px; padding: 10px;'> 5 <div style='display:table; border: 1px solid black; width: 500px; height: 500px; padding: 10px;'>
6 <div style='display:table-row; border: 1px solid red;'> 6 <div style='display:table-row; border: 1px solid red;'>
7 <div style='display:table-cell; border: 1px solid blue;'> 7 <div style='display:table-cell; border: 1px solid blue;'>
8 <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;'> 8 <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-row; border: 1px solid cyan;'> 9 <div style='display:table-row; border: 1px solid cyan;'>
10 <div style='display:table-cell; border: 1px solid magenta;'> 10 <div style='display:table-cell; border: 1px solid magenta;'>
11 </div> 11 </div>
12 </div> 12 </div>
13 </div> 13 </div>
14 </div> 14 </div>
15 </div> 15 </div>
16 </div> 16 </div>
17 </body> 17 </body>
18 </html> 18 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698