Wed, 31 Dec 2014 07:16:47 +0100
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> |