Rounded Corners: FireFox vs. IE

Discussion in 'HTML' started by Matt White, Aug 6, 2007.

  1. Matt White

    Matt White Guest

    I know the rounded corners question has been solved many times, but I
    am working with some HTML that is already in place and needs some
    fixing. The problem is that it renders fine in FireFox but IE refuses
    to play nicely. Here is the code - the background colors are only
    there to show the table data entries (they will all end up being
    white). It seems as though the height of the row is too high, but no
    matter how I change it, it won't go. If you open it in FireFox, it
    looks perfect. Any ideas as to what I need to do to make IE render
    this properly? Thanks.

    The corner images can be obtained at http://clicksellgo.com/suppliers/suppliers.
    They are the top left and right corners of the white table in the
    middle of the page.

    <html>
    <head>
    <title>Test</title>
    </head>
    <body>
    <table cellpadding="0" cellspacing="0" width="760" align="center">
    <tr>
    <td bgcolor="#ff00ff">
    <img src="top_left.png">
    </td>
    <td width="740" bgcolor="#00ffff">
    </td>
    <td bgcolor="#ff00ff">
    <img src="top_right.png">
    </td>
    </tr>
    </table>
    </body>
    </html>
     
    Matt White, Aug 6, 2007
    #1
    1. Advertising

  2. Matt White

    Neredbojias Guest

    Well bust mah britches and call me cheeky, on Mon, 06 Aug 2007 22:07:54
    GMT Matt White scribed:

    > I know the rounded corners question has been solved many times, but I
    > am working with some HTML that is already in place and needs some
    > fixing. The problem is that it renders fine in FireFox but IE refuses
    > to play nicely. Here is the code - the background colors are only
    > there to show the table data entries (they will all end up being
    > white). It seems as though the height of the row is too high, but no
    > matter how I change it, it won't go. If you open it in FireFox, it
    > looks perfect. Any ideas as to what I need to do to make IE render
    > this properly? Thanks.
    >
    > The corner images can be obtained at
    > http://clicksellgo.com/suppliers/suppliers. They are the top left and
    > right corners of the white table in the middle of the page.
    >
    > <html>
    > <head>
    > <title>Test</title>
    > </head>
    > <body>
    > <table cellpadding="0" cellspacing="0" width="760"
    > align="center">
    > <tr>
    > <td bgcolor="#ff00ff">
    > <img src="top_left.png">
    > </td>
    > <td width="740" bgcolor="#00ffff">
    > </td>
    > <td bgcolor="#ff00ff">
    > <img src="top_right.png">
    > </td>
    > </tr>
    > </table>
    > </body>
    > </html>


    No doctype. Quirks mode. Quirky behavior.

    --
    Neredbojias
    Half lies are worth twice as much as whole lies.
     
    Neredbojias, Aug 6, 2007
    #2
    1. Advertising

  3. Matt White

    Matt White Guest

    On Aug 6, 4:37 pm, Neredbojias <> wrote:
    > Well bust mah britches and call me cheeky, on Mon, 06 Aug 2007 22:07:54
    > GMT Matt White scribed:
    >
    >
    >
    > > I know the rounded corners question has been solved many times, but I
    > > am working with some HTML that is already in place and needs some
    > > fixing. The problem is that it renders fine in FireFox but IE refuses
    > > to play nicely. Here is the code - the background colors are only
    > > there to show the table data entries (they will all end up being
    > > white). It seems as though the height of the row is too high, but no
    > > matter how I change it, it won't go. If you open it in FireFox, it
    > > looks perfect. Any ideas as to what I need to do to make IE render
    > > this properly? Thanks.

    >
    > > The corner images can be obtained at
    > >http://clicksellgo.com/suppliers/suppliers. They are the top left and
    > > right corners of the white table in the middle of the page.

    >
    > > <html>
    > > <head>
    > > <title>Test</title>
    > > </head>
    > > <body>
    > > <table cellpadding="0" cellspacing="0" width="760"
    > > align="center">
    > > <tr>
    > > <td bgcolor="#ff00ff">
    > > <img src="top_left.png">
    > > </td>
    > > <td width="740" bgcolor="#00ffff">
    > > </td>
    > > <td bgcolor="#ff00ff">
    > > <img src="top_right.png">
    > > </td>
    > > </tr>
    > > </table>
    > > </body>
    > > </html>

    >
    > No doctype. Quirks mode. Quirky behavior.
    >
    > --
    > Neredbojias
    > Half lies are worth twice as much as whole lies.


    Thanks Neredbojias. I hate IE.
     
    Matt White, Aug 7, 2007
    #3
  4. Matt White

    Matt White Guest

    Ok, I've tried several different DOCTYPEs as documented at
    http://msdn2.microsoft.com/en-us/library/ms535242.aspx and IE still
    won't work properly. Firefox works fine with all of them. Any ideas as
    to why? Thanks.

    New HTML:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://
    www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Test</title>
    <meta http-equiv="Cache-Control" content="no-cache">
    </head>
    <body>
    <table cellpadding="0" cellspacing="0" width="760">
    <tr>
    <td bgcolor="#ff00ff">
    <img src="top_left.png">
    </td>
    <td width="740" bgcolor="#00ffff">
    </td>
    <td bgcolor="#ff00ff">
    <img src="top_right.png">
    </td>
    </tr>
    </table>
    </body>
    </html>
     
    Matt White, Aug 7, 2007
    #4
  5. Matt White

    Matt White Guest

    On Aug 7, 9:53 am, Matt White <> wrote:
    > Ok, I've tried several different DOCTYPEs as documented athttp://msdn2.microsoft.com/en-us/library/ms535242.aspxand IE still
    > won't work properly. Firefox works fine with all of them. Any ideas as
    > to why? Thanks.
    >
    > New HTML:
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    > <html>
    > <head>
    > <title>Test</title>
    > <meta http-equiv="Cache-Control" content="no-cache">
    > </head>
    > <body>
    > <table cellpadding="0" cellspacing="0" width="760">
    > <tr>
    > <td bgcolor="#ff00ff">
    > <img src="top_left.png">
    > </td>
    > <td width="740" bgcolor="#00ffff">
    > </td>
    > <td bgcolor="#ff00ff">
    > <img src="top_right.png">
    > </td>
    > </tr>
    > </table>
    > </body>
    > </html>


    Ok, I got it. In case anyone runs into this silly IE only problem, it
    treats the extra whitespace on either side of the img tag as literal
    and thinks that you've entered text into the table, so it puts that
    into the cell. Retarded. Basically, you have to have <td><img ...><td>
    for it to work right.
     
    Matt White, Aug 7, 2007
    #5
  6. Matt White

    Neredbojias Guest

    Well bust mah britches and call me cheeky, on Tue, 07 Aug 2007 16:59:50
    GMT Matt White scribed:

    > On Aug 7, 9:53 am, Matt White <> wrote:
    >> Ok, I've tried several different DOCTYPEs as documented
    >> athttp://msdn2.microsoft.com/en-us/library/ms535242.aspxand IE still
    >> won't work properly. Firefox works fine with all of them. Any ideas
    >> as to why? Thanks.
    >>
    >> New HTML:
    >>
    >> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    >> "http://www.w3.org/TR/html4/loose.dtd"> <html>
    >> <head>
    >> <title>Test</title>
    >> <meta http-equiv="Cache-Control" content="no-cache">
    >> </head>
    >> <body>
    >> <table cellpadding="0" cellspacing="0" width="760">
    >> <tr>
    >> <td bgcolor="#ff00ff">
    >> <img src="top_left.png">
    >> </td>
    >> <td width="740" bgcolor="#00ffff">
    >> </td>
    >> <td bgcolor="#ff00ff">
    >> <img src="top_right.png">
    >> </td>
    >> </tr>
    >> </table>
    >> </body>
    >> </html>

    >
    > Ok, I got it. In case anyone runs into this silly IE only problem, it
    > treats the extra whitespace on either side of the img tag as literal
    > and thinks that you've entered text into the table, so it puts that
    > into the cell. Retarded. Basically, you have to have <td><img ...><td>
    > for it to work right.


    Good ol' ieieieio... Ya know, I knew that but forgot. You put it into
    words very well.

    --
    Neredbojias
    Half lies are worth twice as much as whole lies.
     
    Neredbojias, Aug 7, 2007
    #6
    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. Konrad

    rounded corners in data grid

    Konrad, Aug 30, 2003, in forum: ASP .Net
    Replies:
    2
    Views:
    861
    Ken Schaefer
    Aug 30, 2003
  2. Francisco J. Jurado

    Rounded corners in menu Table and Bottons

    Francisco J. Jurado, May 31, 2004, in forum: ASP .Net
    Replies:
    3
    Views:
    622
    John Timney \(Microsoft MVP\)
    May 31, 2004
  3. kurt sune

    Rounded corners on panel/div etc

    kurt sune, Oct 12, 2005, in forum: ASP .Net
    Replies:
    1
    Views:
    6,028
  4. Mark Rae

    Rounded corners

    Mark Rae, Jan 20, 2006, in forum: ASP .Net
    Replies:
    7
    Views:
    2,661
    mkrawats
    Sep 24, 2009
  5. Alan
    Replies:
    4
    Views:
    533
    Whitecrest
    Nov 10, 2003
Loading...

Share This Page