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" xml:lang="en">
6 body { padding: 0; margin: 0; }
7 p { padding: 0; margin: 0; }
8 div { position: absolute; top: 0px; left: 0px; width: 375px; height: 75px; background: red; z-index: -1; }
9 object { width: 375px; height: auto; }
10 svg { position: absolute; top: 80px; left: 0px; width: 375px; height: 75px; }
15 <!-- Both objects should look identical -->
16 <p><object data="resources/object-sizing-width-75p-height-50p.svg" type="image/svg+xml"></object></p>
18 <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100">
19 <rect x="0" y="0" width="100" height="100" fill="lightblue"/>
20 <rect x="5" y="5" width="90" height="90" fill="green"/>