layout/reftests/forms/button/percent-height-child-2-ref.html

Thu, 15 Jan 2015 15:55:04 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:55:04 +0100
branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
permissions
-rw-r--r--

Back out 97036ab72558 which inappropriately compared turds to third parties.

     1 <!DOCTYPE html>
     2 <!--
     3      Any copyright is dedicated to the Public Domain.
     4      http://creativecommons.org/publicdomain/zero/1.0/
     5 -->
     6 <html>
     7 <head>
     8 <style>
     9 div.button {
    10     display: inline-block;
    11     width: 78px;
    12     border: 0;
    14     /* Padding to match the -moz-focus-inner border/padding in testcase: */
    15     padding: 7px 1px 3px;
    17     font: 10px sans-serif;
    18     text-align: center;
    19     vertical-align: top;
    21     color: black;
    22     background: gray;
    23 }
    25 div.p80 {
    26     background: pink;
    27 }
    29 div.p100 {
    30     background: yellow;
    31 }
    32 </style>
    33 </head>
    34 <body>
    35 <!--Button has explicit height for us to resolve against: -->
    36 <div class="button" style="height: 100px">
    37   <div class="p80" style="margin-top: 10px; height: 80px">abc</div>
    38 </div>
    40 <div class="button" style="height: 100px">
    41   <div class="p100" style="height: 100px">abc</div>
    42 </div>
    44 <!--Button is using intrinsic height: -->
    45 <div class="button">
    46   <div class="p80">abc</div>
    47 </div>
    49 <div class="button">
    50   <div class="p100">abc</div>
    51 </div>
    53 </body>
    54 </html>

mercurial