layout/reftests/w3c-css/submitted/ui3/box-sizing-content-box-001-ref.xht

Tue, 06 Jan 2015 21:39:09 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Tue, 06 Jan 2015 21:39:09 +0100
branch
TOR_BUG_9701
changeset 8
97036ab72558
permissions
-rw-r--r--

Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3  <head>
     4   <title>CSS Reference: Box Sizing - Content-Box with specified width/height</title>
     5   <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
     6   <style type="text/css"><![CDATA[
     7     .container {
     8       width: 300px;
     9       height: 110px;
    10       border: 2px solid black;
    11       position: absolute;
    12       left: 25px;
    13       top: 25px;
    14       background-color: red;
    15     }
    17     .box-sized {
    18       width: 150px;
    19       height: 110px;
    20       z-index: 1;
    21       float: left;
    22     }
    24     #one {
    25       background-color: green;
    26     }
    28     #two {
    29       background-color: blue;
    30     }
    31   ]]></style>
    32  </head>
    33  <body>
    34    The two divs should be side-by-side, not one on top of another. No red should be visible.
    35    <br />
    36    <div class="container">
    37      <div class="box-sized" id="one">LEFT HALF</div>
    38      <div class="box-sized" id="two">RIGHT HALF</div>
    39    </div>
    40  </body>
    41 </html>

mercurial