Browser Version Information
Browser versions that works with the W3C standards ( XHTML 1.0, CSS 1.0 and 2.0 ):
Macintosh:
Internet Explore 5.2(Microsoft), Netscape 7.1(Netscape), Safari 1.0(Apple), Mozilla 1.6(mozilla.org), Camino 0.7.0(mozilla.org), OmniWeb 4.5(OmniGroup)
Windows 2000/XP:
Netscape 7.1(Netscape), Opera 7.23(Opera Software), Mozilla 1.6(mozilla.org), Firebird 0.7.0(mozilla.org)
Browsers with problems:
Macintosh:
Internet Explorer 5.2
Does not accept the border-collapse:collapse property in a table declaration.
Example:
table.border {border-collapse:collapse; border: 1px solid black;}
table.border td {border: 1px solid black;}
This allows the table border to be drawn and collapses the border into the cell border, so that you get a 1 pixel border around the table and each cell.
Without it you either get a 1 pixel double border around the table and a 2 pixel border around the inner cell borders or a 2 pixel border around the table and cells depending on how a browser draws the borders.
Has problems with relative positioning.
Example:
div.box {position:relative; left:0px; top:0px; height:220px;}
p.boxtopleft {position:absolute; top:0px; left:0px;}
p.boxcenter {text-align:center; font-weight:bold; font-size:x-large; position:absolute; top:33%; right:40%; left:40%;}
p.boxtopright{position:absolute; top:0px; right:0px;}
All the objects in the box become centered on top of each other.
iCab Pre 2.9.7
Does not recognize many CSS 1.0 and 2.0 declarations.
Opera 6.03
Has problems with relative positioning.
Example:
div.box {position:relative; left:0px; top:0px; height:220px;}
p.boxtopleft {position:absolute; top:0px; left:0px;}
p.boxcenter {text-align:center; font-weight:bold; font-size:x-large; position:absolute; top:33%; right:40%; left:40%;}
p.boxtopright{position:absolute; top:0px; right:0px;}
All the objects in the box become centered on top of each other.
Although I haven't identified exactly what the problem is, under certain circumstances Opera 6.03 has problems with table centering using CSS.
Windows 2000/XP:
Internet Explorer 6.0
Does not recognize the CCS table declarations with regard to alignment ( centering ).
Example: table.centered {margin-left: auto; margin-right: auto;}
Amaya 8.2+ (W3C)
Does not accept the border-collapse:collapse property in a table declaration.
Example:
table.border {border-collapse:collapse; border: 1px solid black;}
table.border td {border: 1px solid black;}
This allows the table border to be drawn and collapses the border into the cell border, so that you get a 1 pixel border around the table and each cell.
Without it you either get a 1 pixel double border around the table and a 2 pixel border around the inner cell borders or a 2 pixel border around the table and cells depending on how a browser draws the borders.
Note: Amaya is a browser/editor for testing and checking technologies and does not behave as a real browser does. It also does not support frames.
Platform Differences:
Web:
Web standards are defined with a display resolution of 72 dpi ( dots per inch ).
Macintosh:
Macintosh display's are defined with a resolution of 72 dpi using a base font size of 12 points.
Windows 2000/XP:
Window display's are defined with a resolution of 96 dpi using a base font size of 16 points.
Effect of Differences:
Web pages laid out on a Macintosh will have their text drawn 25% larger on a Window's system. Images will be displayed larger by the same amount.
All images were created on an Apple Macintosh which uses a higher white point and hotter gamma function which will cause images to appear darker on other platforms.
Last modified April 14, 2004