Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Safari rendering problem
July 31, 2005, 9:50 am
rate this thread
should render pages identically (ignoring font differences, and maybe
something else I can't think of).
Well my page (http://www.rf3000.org/maps/test.html ) renders perfectly
in Firefox and IE but in Safari, the nine images on the left are placed
incorrectly. To save you crawling through the script which generates
them, they, and the orange corner markers which should line up
perfectly but don't, are positioned within a layer
(relatively-positioned div with an explicit z-index) from the bottom
and left edges in multiples of 100%/3 and have widths and heights of
Instead of what should in theory (and in other browsers) be displayed
the images are several pixels downwards and leftwards of where they
should be. The images which form the orange corner markers are
positioned in EXACTLY the same way except there is an unstyled span tag
around the groups whereas there is an anchor around each square image.
Here is the styling of an orange corner segment image (taken directly
from the DOM)
z-index: 3; position: absolute; bottom: 33.3333%; right: 33.3333%;
Here is that of a square image
width: 33.3333%; height: 33.3333%; position: absolute; bottom:
33.3333%; left: 33.3333%;
The bottom-left corners of these elements don't seem to line up in
The most any of these images should be out by is a single pixel, with a
worst-case rounding error.
Re: Safari rendering problem
Both have a number of limitations in their rendering.
Whatsmore, the standards leave a lot of wriggle room, so it's perfectly
possible to have two different browsers rendering the same thing in
different ways with neither being wrong.
Case in point:
<span style="font-size:125%;">Is this text</span>
<span style="font-size:bigger;">the same size as this?</span>
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact