Safari rendering problem

Discussion in 'HTML' started by bernieful@gmail.com, Jul 31, 2005.

  1. Guest

    Safari is a standards-compliant browser, like Firefox, right? So they
    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
    100%/3.

    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
    Safari.

    The most any of these images should be out by is a single pixel, with a
    worst-case rounding error.
    , Jul 31, 2005
    #1
    1. Advertising

  2. Toby Inkster Guest

    bernieful wrote:

    > Safari is a standards-compliant browser, like Firefox, right? So they
    > should render pages identically (ignoring font differences, and maybe
    > something else I can't think of).


    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:

    <p>
    <span style="font-size:125%;">Is this text</span>
    <span style="font-size:bigger;">the same size as this?</span>
    </p>

    --
    Toby A Inkster BSc (Hons) ARCS
    Contact Me ~ http://tobyinkster.co.uk/contact
    Toby Inkster, Jul 31, 2005
    #2
    1. Advertising

  3. Guest

    It's hard to see how the standards could leave wiggle room in
    percentages of explicit quantities.

    Case in point:

    <p>
    <span style="font-size:125%;">Is this text</span>
    <span style="font-size:250%;"><span style="font-size:50%;">the same
    size as this?</span></span>
    </p>
    , Aug 2, 2005
    #3
  4. Guest

    Bump.
    , Aug 5, 2005
    #4
  5. Els Guest

    wrote:

    > Bump.


    Bump what?

    --
    Els http://locusmeus.com/
    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
    Els, Aug 5, 2005
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Jane Hawkins

    Safari Display Problem

    Jane Hawkins, Dec 23, 2003, in forum: ASP .Net
    Replies:
    1
    Views:
    477
    Todd A
    Dec 23, 2003
  2. gerry

    ot : safari post problem

    gerry, Oct 10, 2005, in forum: ASP .Net
    Replies:
    1
    Views:
    2,677
    gerry
    Oct 10, 2005
  3. Nick Howes

    CSS Safari Problem

    Nick Howes, Nov 4, 2003, in forum: HTML
    Replies:
    4
    Views:
    4,949
    Nick Howes
    Nov 7, 2003
  4. Peter Mount
    Replies:
    4
    Views:
    920
    Peter Mount
    Jan 31, 2006
  5. ojorus

    STYLE problem in SAFARI

    ojorus, Oct 3, 2006, in forum: HTML
    Replies:
    3
    Views:
    425
    Jukka K. Korpela
    Oct 3, 2006
Loading...

Share This Page