SWiSH Center - Center INDEX for *.swf and <IMG>

  Automatic Center Position both Horizontal and Vertical via CSS

*.swf constructed at 160x160; Export HTML = 100% vs. Size in pixels.

  Simple Tutorial in SWiSH constructed *.swf FLASH®  TUTo150p

1.  *.swf 160 x 160 (export Size in Pixels) inside a <div> 160x160 without a border
    MSIE, Mozilla, Netscape, Opera:  Appears virtually identical in all.  Suggest as DEFAULT Style.

2.  *.swf 160 x 160 (export Size in Pixels) inside a <div> 160x160 with 1px border
    MSIE, Mozilla, Netscape:  Appears virtually identical.
    Opera:  Loses Bottom and Right segments of div Border line-segment.  Paints *.swf over border?
    Seems to be "Box Model Dispute with Opera".  Best reason to switch to SWiSH instead of DHTML.

3.  *.swf 160 x 160 (export 100%) inside a <div> 160x160 with 1px border
    MSIE6.0, Mozilla1.4, Netscape7.1: Apparently positions and displays as expected = GOOD
    Opera7.11: Positions as expected - fails to display part of border.

4.  *.swf 160 x 160 (export 100%) inside a <div> 160x160 without a border
    MSIE-6.0, Mozilla-1.4, Netscape-7.1: Apparently positions and displays as expected = GOOD
        Bug reported 06MAR203.
    Opera: Looks good, but presume it actually has pixels offset - see number 3.

Tested in Browsers:  2003 MAY 31: Windows XP Home Ed. 1024x768 resolution.
MSIE 6.0.2800.1106.xpsp1.020828-1920
Mozilla 1.4 (Gecko/20030507)
Netscape 7.01 (rv:1.0.2 - Gecko/20021120 Netscape/7.01)
Opera 7.11 (Build 2880 Win32 XP)

<img> 160x160 inside a <div> 160x160 with 1px border
When image/picture paints to edge - bombs border in Opera.  Note right edge.

<img> 160x160 inside a <div> 160x160 without a border

<img> 160x160 inside a <div> 162x162 with 1px border
Solves Opera border bomb space confusion for me.

<img> 600 x 600 without a border

<img> 600 x 600 with 1px border
Apparently no bomb in Opera when image/picture does NOT paint to its edge.

For lovers of  Superb Coffee


To: www.f11view.net Table of Contents  non-F11 View.