test-svg-child-object-rightsizing

1) object containter is <div> width=176 height=62, object width=100%, object height not specified, GIF and SVG should look the same, red background should not be visible:

[SVG NOT SUPPORTED]

2) object containter is <div> width=176 height=62, object height=100%, object width not specified, GIF and SVG should look the same, red background should not be visible:

[SVG NOT SUPPORTED]

3a) object container <body>, object width= 40% / 20% / 10% / 5%, object height not specified, red background should not be visible, objects should have different height, objects width and height should be the same:

[SVG NOT SUPPORTED] [SVG NOT SUPPORTED] [SVG NOT SUPPORTED] [SVG NOT SUPPORTED]

3b) shows how 3a) should look like (using PNG's):


3c) object containter <body>, object height= 40% / 20% / 10% / 5%, object width not specified, red background should not be visible, objects should have different width, objects width and height should be the same:

[SVG NOT SUPPORTED] [SVG NOT SUPPORTED] [SVG NOT SUPPORTED] [SVG NOT SUPPORTED]

3d) shows how 3c) should look like (using PNG's):

This raster image screenshot shows the desired rendering.

This raster image screenshot shows the desired rendering.

This raster image screenshot shows the desired rendering.