diff options
Diffstat (limited to 'layout/reftests/table-overflow/bug785684-ref.html')
-rw-r--r-- | layout/reftests/table-overflow/bug785684-ref.html | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/layout/reftests/table-overflow/bug785684-ref.html b/layout/reftests/table-overflow/bug785684-ref.html new file mode 100644 index 000000000..3f67026f4 --- /dev/null +++ b/layout/reftests/table-overflow/bug785684-ref.html @@ -0,0 +1,89 @@ +<html><head> +<meta http-equiv="content-type" content="text/html; charset=UTF-8"> +<style type="text/css"> + .outer { + display:table; + height:20px; + width:300px; + max-width:300px; + } + + .inner { + background-color: silver; + display:table-cell; + height:20px; + min-height:20px; + width:150px; + max-width:150px; + padding: 4px; + } + .clip { + overflow:hidden; + width:-moz-fit-content; + } + </style> +</head> +<body> +<h2>Testing CSS overflow on display:table-cell</h2> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="clip"><div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div></div> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="clip"><div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div></div> +<h2>Testing CSS overflow on display:table</h2> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="clip"><div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div></div> +<div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div> +<div class="clip"><div class="outer"> + <div class="inner"> + <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs="> + </div> +</div></div> +</body></html> |