| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
| <head> |
| <style> |
| html { width: 500px; } |
| body { padding: 0; margin: 0; } |
| p { padding: 0; margin: 0; } |
| div { position: absolute; top: 0px; left: 0px; width: 500px; height: 75px; background: red; z-index: -1; } |
| object { width: 500px; height: auto; } |
| svg { position: absolute; top: 80px; left: 0px; width: 500px; height: 75px; } |
| </style> |
| </head> |
| <body> |
| |
| <!-- Both objects should look identical --> |
| <p><object data="resources/object-sizing-height-50p.svg" type="image/svg+xml"></object></p> |
| |
| <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100"> |
| <rect x="0" y="0" width="100" height="100" fill="lightblue"/> |
| <rect x="5" y="5" width="90" height="90" fill="green"/> |
| </svg> |
| |
| <div></div> |
| |
| </body> |
| </html> |
