IE puts space at bottom of cell

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Manuel

    #1

    IE puts space at bottom of cell

    I want to create a table in which 2 images "connect" vertically with
    each other. Mozilla does this without a problem, but IE keeps putting a
    small whitespace between the bottom of the image and the bottom border.

    This is my code:
    ------------------------
    <table cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td>
    <img src='MyTopImage .gif'>
    </td>
    </tr>
    <tr>
    <td>
    <img src='MyBottomIm age.gif'>
    </td>
    </tr>
    </table>
    ------------------------

    How can I make IE display the images one after the other, without a
    space between?

    Thank You,
    Manuel



    ............... ............... ............... ............... .....
    Posted via TITANnews - Uncensored Newsgroups Access[color=blue][color=green][color=darkred]
    >>>> at http://www.TitanNews.com <<<<[/color][/color][/color]
    -=Every Newsgroup - Anonymous, UNCENSORED, BROADBAND Downloads=-

  • Lauri Raittila

    #2
    Re: IE puts space at bottom of cell

    In article Manuel wrote:[color=blue]
    > I want to create a table in which 2 images "connect" vertically with
    > each other. Mozilla does this without a problem, but IE keeps putting a
    > small whitespace between the bottom of the image and the bottom border.[/color]

    Most likely because mozilla uses almost standards mode, ie makes mistake
    purposefully? URL¹?
    [color=blue]
    > This is my code:
    > ------------------------
    > <table cellpadding="0" cellspacing="0" border="0">[/color]
    ....[color=blue]
    > <tr>
    > <td>
    > <img src='MyBottomIm age.gif'>
    > </td>
    > </tr>
    > </table>
    > ------------------------
    >
    > How can I make IE display the images one after the other, without a
    > space between?[/color]

    Remove spaces between <td>, <img> and </td>

    And/or add
    td img {display:block} in your CSS.

    [1] Document type declaration is important
    [2] We dont have MyBottomImage.g if
    [3] That is behind firewall/secret/only on your computer is just
    excuse

    --
    Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
    I'm looking for work | Etsin työtä

    Comment

    • Manuel

      #3
      Re: IE puts space at bottom of cell

      >>[color=blue][color=green]
      >>How can I make IE display the images one after the other, without a
      >>space between?[/color]
      >
      >
      > Remove spaces between <td>, <img> and </td>[/color]

      Removing the white space did the trick, thanks.



      ............... ............... ............... ............... .....
      Posted via TITANnews - Uncensored Newsgroups Access[color=blue][color=green][color=darkred]
      >>>> at http://www.TitanNews.com <<<<[/color][/color][/color]
      -=Every Newsgroup - Anonymous, UNCENSORED, BROADBAND Downloads=-

      Comment

      • Werner Partner

        #4
        Re: IE puts space at bottom of cell

        Manuel schrieb:
        [color=blue]
        > I want to create a table in which 2 images "connect" vertically with
        > each other. Mozilla does this without a problem, but IE keeps putting a
        > small whitespace between the bottom of the image and the bottom border.
        >
        > This is my code:
        > ------------------------
        > <table cellpadding="0" cellspacing="0" border="0">
        > <tr>
        > <td>
        > <img src='MyTopImage .gif'>
        > </td>
        > </tr>
        > <tr>
        > <td>
        > <img src='MyBottomIm age.gif'>
        > </td>
        > </tr>
        > </table>
        > ------------------------
        >
        > How can I make IE display the images one after the other, without a
        > space between?
        >[/color]

        Eventually you could try "margin:0"

        Werner


        --
        -----------------------------------------------------------
        Werner Partner * Tel +49 2366 886606 * Fax: 886608
        mailto:kairos@s onoptikon.de * http://www.sonoptikon.de
        hören Sie Klassik: http://www.drmk.ch/

        Comment

        • Steve Pugh

          #5
          Re: IE puts space at bottom of cell

          Werner Partner <kairos@sonopti kon.de> wrote:[color=blue]
          >Manuel schrieb:
          >[color=green]
          >> I want to create a table in which 2 images "connect" vertically with
          >> each other. Mozilla does this without a problem, but IE keeps putting a
          >> small whitespace between the bottom of the image and the bottom border.
          >>
          >> <tr>
          >> <td>
          >> <img src='MyTopImage .gif'>
          >> </td>
          >>[/color]
          >
          >Eventually you could try "margin:0"[/color]

          In the case above, wouldn't make any difference.

          In IE the space is caused by the white space in the code.
          (If Mozilla was in Standards mode then the space there would be caused
          by the default line-height).

          There is no default margin on <img> in any common browser so margin: 0
          doesn't make any difference in said browsers. (Not ruling out the
          possibility that such a browser does exist, but it's not called
          Internet Explorer, or Mozilla, or Opera, or Netscape, etc..)

          Steve

          --
          "My theories appal you, my heresies outrage you,
          I never answer letters and you don't like my tie." - The Doctor

          Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

          Comment

          Working...