IE different to FF regarding image and table

Discussion in 'HTML' started by Laser Lips, Jan 30, 2009.

  1. Laser Lips

    Laser Lips Guest

    Hello, I've got a tiny piece of HTML which looks different in FF and
    IE. I am aware of differences between the browsers but I just can't
    seem to get this piece to look the same in both browsers.

    http://cylo.co.uk/test.html <<<

    In IE you'll see it looks fine, but in FF you'll see a big white space
    under the image.

    Can anyone tell me what to add to make the FF version look like the IE
    version?

    For your information the HTML code is generated using JavaScript.

    Thanks for your help.

    Graham
    Laser Lips, Jan 30, 2009
    #1
    1. Advertising

  2. Laser Lips

    rf Guest

    Laser Lips wrote:
    > Hello, I've got a tiny piece of HTML which looks different in FF and
    > IE. I am aware of differences between the browsers but I just can't
    > seem to get this piece to look the same in both browsers.
    >
    > http://cylo.co.uk/test.html <<<
    >
    > In IE you'll see it looks fine, but in FF you'll see a big white space
    > under the image.
    >
    > Can anyone tell me what to add to make the FF version look like the IE
    > version?


    Look into vertical-align:

    > For your information the HTML code is generated using JavaScript.


    Why?
    rf, Jan 30, 2009
    #2
    1. Advertising

  3. Laser Lips

    Laser Lips Guest

    On Jan 30, 1:14 pm, Ben C <> wrote:
    > On 2009-01-30, Laser Lips <> wrote:
    >
    > > Hello, I've got a tiny piece of HTML which looks different in FF and
    > > IE.  I am aware of differences between the browsers but I just can't
    > > seem to get this piece to look the same in both browsers.

    >
    > >http://cylo.co.uk/test.html   <<<

    >
    > > In IE you'll see it looks fine, but in FF you'll see a big white space
    > > under the image.

    >
    > > Can anyone tell me what to add to make the FF version look like the IE
    > > version?

    >
    > Make the image display: block.
    >
    > Because it's an inline image with vertical-align: baseline (the default)
    > it sits on the text baseline. IE is getting this wrong.


    This one worked Thanks very much. Didn't try the vertical alignment
    but thats for responding.
    Graham
    Laser Lips, Jan 30, 2009
    #3
    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. David Williams
    Replies:
    2
    Views:
    1,120
    Jacob Yang [MSFT]
    Aug 12, 2003
  2. Earl Teigrob
    Replies:
    2
    Views:
    313
    Shintaro
    Feb 21, 2004
  3. Sean Jorden
    Replies:
    1
    Views:
    593
    laurie
    Aug 19, 2003
  4. Rio
    Replies:
    4
    Views:
    1,184
  5. killy971
    Replies:
    21
    Views:
    1,750
    dorayme
    Aug 15, 2008
Loading...

Share This Page