layout/reftests/bugs/433640-1.html

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html><head>
michael@0 3 <style type="text/css">
michael@0 4 div.image {
michael@0 5 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEUAAAD///+l2Z/dAAAAGElEQVR42mNggIHcbbfBCMEYlRqVIiQFAPco1xfL/SakAAAAAElFTkSuQmCC");
michael@0 6 background-position: center center;
michael@0 7 width: 32px;
michael@0 8 height: 32px;
michael@0 9 }
michael@0 10
michael@0 11 div.cell {
michael@0 12 float: left;
michael@0 13 width: 100px;
michael@0 14 }
michael@0 15
michael@0 16 body > div { height:100px; }
michael@0 17
michael@0 18 /* ensure that font heights do not affect image placement. Fractional image offsets can
michael@0 19 affect exactly which pixel rects get painted. */
michael@0 20 p { font-size: 12px; height:20px; }
michael@0 21 </style>
michael@0 22 </head><body>
michael@0 23
michael@0 24 <div>
michael@0 25 <div class="cell"><p>31 x 32</p><div style="width:31px" class="image"></div></div>
michael@0 26 <div class="cell"><p>31.1 x 32</p><div style="width:31.1px" class="image"></div></div>
michael@0 27 <div class="cell"><p>31.5 x 32</p><div style="width:31.5px" class="image"></div></div>
michael@0 28 <div class="cell"><p>31.8 x 32</p><div style="width:31.8px" class="image"></div></div>
michael@0 29 </div>
michael@0 30
michael@0 31 <div>
michael@0 32 <div class="cell"><p>32 x 32</p><div style="width:32px" class="image"></div></div>
michael@0 33 <div class="cell"><p>32.1 x 32</p><div style="width:32.1px" class="image"></div></div>
michael@0 34 <div class="cell"><p>32.5 x 32</p><div style="width:32.5px" class="image"></div></div>
michael@0 35 <div class="cell"><p>32.8 x 32</p><div style="width:32.8px" class="image"></div></div>
michael@0 36 </div>
michael@0 37
michael@0 38 <div>
michael@0 39 <div class="cell"><p>32 x 31 </p><div style="height:31px" class="image"></div></div>
michael@0 40 <div class="cell"><p>32 x 31.1 </p><div style="height:31.1px" class="image"></div></div>
michael@0 41 <div class="cell"><p>32 x 31.5 </p><div style="height:31.5px" class="image"></div></div>
michael@0 42 <div class="cell"><p>32 x 31.8 </p><div style="height:31.8px" class="image"></div></div>
michael@0 43 </div>
michael@0 44
michael@0 45 <div>
michael@0 46 <div class="cell"><p>32 x 32 </p><div style="height:32px" class="image"></div></div>
michael@0 47 <div class="cell"><p>32 x 32.1 </p><div style="height:32.1px" class="image"></div></div>
michael@0 48 <div class="cell"><p>32 x 32.5 </p><div style="height:32.5px" class="image"></div></div>
michael@0 49 <div class="cell"><p>32 x 32.8 </p><div style="height:32.8px" class="image"></div></div>
michael@0 50 </div>
michael@0 51
michael@0 52 </body></html>

mercurial