layout/reftests/forms/button/percent-height-child-1-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.

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

mercurial