1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-border-box-004-ref.xht Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,46 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1.5 +<html xmlns="http://www.w3.org/1999/xhtml">
1.6 + <head>
1.7 + <title>CSS Reference: Box Sizing - Border-Box with min/max width/height</title>
1.8 + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
1.9 + <style type="text/css"><![CDATA[
1.10 + .container {
1.11 + min-width: 500px;
1.12 + max-width: 700px;
1.13 + min-height: 70px;
1.14 + max-height: 90px;
1.15 + border: 2px solid black;
1.16 + position: absolute;
1.17 + left: 25px;
1.18 + top: 25px;
1.19 + background-color: red;
1.20 + }
1.21 +
1.22 + .box-sized {
1.23 + min-width: 240px;
1.24 + max-width: 340px;
1.25 + min-height: 60px;
1.26 + max-height: 80px;
1.27 + z-index: 1;
1.28 + float: left;
1.29 + border: 5px solid black;
1.30 + }
1.31 +
1.32 + #one {
1.33 + background-color: green;
1.34 + }
1.35 +
1.36 + #two {
1.37 + background-color: blue;
1.38 + }
1.39 + ]]></style>
1.40 + </head>
1.41 + <body>
1.42 + The two divs should be side-by-side, not one on top of another. No red should be visible.
1.43 + <br />
1.44 + <div class="container">
1.45 + <div class="box-sized" id="one">LEFT HALF</div>
1.46 + <div class="box-sized" id="two">RIGHT HALF</div>
1.47 + </div>
1.48 + </body>
1.49 +</html>
