spacing different from IE to FF

Discussion in 'HTML' started by alice, Jun 23, 2008.

  1. alice

    alice Guest

    In the following code, the space between the empty.gif and the letter
    N is about 6 px in Firefox, and about 12 in EI7 (that's the closest I
    can measure using a ruler tool). What would have to do to make it the
    same in both browsers?

    <li style="margin-top:-47px;margin-left:561px;"><a
    href="sound.html"><img src="empty.gif" style="border:none;" /></a>
    <ul>
    <li style="position:relative;top:-248px;left:2px;">S</li>
    <li style="position:relative;top:-264px;left:-1px;">O</li>
    <li style="position:relative;top:-280px;">U</li>
    <li style="position:relative;top:-300px;">N</li>
    </ul>
    </li>
    alice, Jun 23, 2008
    #1
    1. Advertising

  2. On 2008-06-23, alice wrote:
    > In the following code, the space between the empty.gif and the letter
    > N is about 6 px in Firefox, and about 12 in EI7 (that's the closest I
    > can measure using a ruler tool). What would have to do to make it the
    > same in both browsers?
    >
    ><li style="margin-top:-47px;margin-left:561px;"><a
    > href="sound.html"><img src="empty.gif" style="border:none;" /></a>
    ><ul>
    ><li style="position:relative;top:-248px;left:2px;">S</li>
    ><li style="position:relative;top:-264px;left:-1px;">O</li>
    ><li style="position:relative;top:-280px;">U</li>
    ><li style="position:relative;top:-300px;">N</li>
    ></ul>
    ></li>


    First, validate your HTML (http://validator.w3.org/).
    If you still have problems, post the URL here.

    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jun 23, 2008
    #2
    1. Advertising

  3. alice

    Bergamot Guest

    alice wrote:
    > In the following code, the space between the empty.gif and the letter
    > N is about 6 px in Firefox, and about 12 in EI7 (that's the closest I
    > can measure using a ruler tool). What would have to do to make it the
    > same in both browsers?


    How many times has it been said that pixel-perfect layouts are doomed to
    fail? A couple pixels don't really matter in the scheme of things, and
    chances are you'll never get it the same across all of the major browsers.

    > <li style="margin-top:-47px;margin-left:561px;"><a
    > href="sound.html"><img src="empty.gif" style="border:none;" /></a>
    > <ul>
    > <li style="position:relative;top:-248px;left:2px;">S</li>
    > <li style="position:relative;top:-264px;left:-1px;">O</li>
    > <li style="position:relative;top:-280px;">U</li>
    > <li style="position:relative;top:-300px;">N</li>
    > </ul>
    > </li>


    Do you even know what position:relative really does? Or what this looks
    like at varying text sizes? I can't imagine this is the best way to do
    whatever it is you're trying to accomplish.

    Post a URL.

    --
    Berg
    Bergamot, Jun 23, 2008
    #3
  4. On Jun 23, 2:50 pm, Bergamot <> wrote:
    > How many times has it been said that pixel-perfect layouts are doomed to
    > fail?


    My guess would be about 1/10th the number of times there have been a
    successful pixel-perfect site...

    > A couple pixels don't really matter in the scheme of things, and
    > chances are you'll never get it the same across all of the major browsers..


    The same? maybe not, close enought to the same that no one would
    notice, probalby so. Pixel perfect sites created by competent
    professionals look fine in all but extreme circumstances . (And yes,
    based on what I know of you I would categorize you as being in that
    group)

    For examples of fixed width pixel-perfect sites that look the same in
    all the popular browsers please see virtually any fortune 500 website.

    > Do you even know what position:relative really does?


    They probably don't.

    > Or what this looks like at varying text sizes?


    Agan they probably never checked.

    > I can't imagine this is the best way to do
    > whatever it is you're trying to accomplish.


    Your probably right.

    > Post a URL.


    The anticipation is killing me...
    Travis Newbury, Jun 23, 2008
    #4
  5. On Jun 22, 10:12 pm, alice <> wrote:
    > In the following code...


    Posting the code is meaningless as your error may be in the code you
    did not post. Post a URL so we can see EXACTLY what you are doing.
    Travis Newbury, Jun 23, 2008
    #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. Craig Deelsnyder [MVP]

    Re: Spacing radio buttons in a PlaceHolder

    Craig Deelsnyder [MVP], Jul 15, 2003, in forum: ASP .Net
    Replies:
    0
    Views:
    424
    Craig Deelsnyder [MVP]
    Jul 15, 2003
  2. Stephan Bour

    Row spacing in DataList

    Stephan Bour, Dec 8, 2003, in forum: ASP .Net
    Replies:
    0
    Views:
    550
    Stephan Bour
    Dec 8, 2003
  3. Greg Linwood

    Spacing columns in DataGrid

    Greg Linwood, Dec 18, 2003, in forum: ASP .Net
    Replies:
    2
    Views:
    666
    Greg Linwood
    Dec 19, 2003
  4. KatB
    Replies:
    1
    Views:
    589
    Lucas Tam
    Oct 5, 2004
  5. KatB
    Replies:
    4
    Views:
    832
Loading...

Share This Page