image in table, IE6 bug?

Discussion in 'HTML' started by Shea Martin, Jun 4, 2006.

  1. Shea Martin

    Shea Martin Guest

    I want to create a box using images for borders. I have 3x3 table, with
    the "middle" cell containing my data, and the surrounding cells having
    only an image representing a border.

    This www.snowsquirrel.ca/test/index.html looks fine in firefox/opera,
    but is missing the side borders in IE6.

    Is there a work around for this? It seems like a pretty simple thing I
    am trying to do.

    Thanks,

    ~S
     
    Shea Martin, Jun 4, 2006
    #1
    1. Advertising

  2. Shea Martin

    Shea Martin Guest

    Shea Martin wrote:
    > I want to create a box using images for borders. I have 3x3 table, with
    > the "middle" cell containing my data, and the surrounding cells having
    > only an image representing a border.
    >
    > This www.snowsquirrel.ca/test/index.html looks fine in firefox/opera,
    > but is missing the side borders in IE6.
    >
    > Is there a work around for this? It seems like a pretty simple thing I
    > am trying to do.
    >
    > Thanks,
    >
    > ~S

    If there is an equally simple method of doing this in CSS, I would like
    to see it.
    ~S
     
    Shea Martin, Jun 4, 2006
    #2
    1. Advertising

  3. Shea Martin

    ironcorona Guest

    Shea Martin wrote:

    > If there is an equally simple method of doing this in CSS


    Here's a CSS version:

    http://iron.corona.googlepages.com/snowsquirrel_table_border.html

    I don't know how simple you reckon this is but it's about half the size
    of your file. And with this one it will expand with your text.

    ps. The left and right borders in your example didn't work for me in
    Opera (9 beta)


    --
    Brian O'Connor (ironcorona)
     
    ironcorona, Jun 4, 2006
    #3
  4. Shea Martin

    Shea Martin Guest

    ironcorona wrote:
    > Shea Martin wrote:
    >
    >> If there is an equally simple method of doing this in CSS

    >
    > Here's a CSS version:
    >
    > http://iron.corona.googlepages.com/snowsquirrel_table_border.html
    >
    > I don't know how simple you reckon this is but it's about half the size
    > of your file. And with this one it will expand with your text.
    >
    > ps. The left and right borders in your example didn't work for me in
    > Opera (9 beta)
    >
    >


    Thanks, Your CSS example makes a lot more sense than what I turned up
    with Google. BTW, do you know if there is a valid reason, that my html
    did not work with IE or Opera 9?

    Thanks,

    ~S
     
    Shea Martin, Jun 4, 2006
    #4
  5. Shea Martin

    ironcorona Guest

    Shea Martin wrote:

    > do you know if there is a valid reason, that my html
    > did not work with IE or Opera 9?


    It seems to be that IE or Opera 9 won't recognise height="100%". I set
    it as a number; height="20" [completely arbitrarily] and it works in
    both IE and Opera. This is quite odd because it does recognise
    width="100%".

    But now there's a new problem. IE is leaving some gaps that I can't
    seem to get rid of on the ml.png and the mr.png. I tried killing these
    gaps with CSS but it didn't work. It looks like the td is setting a
    padding value OR the image is setting a margin value.

    I'm not sure why. Perhaps someone who's more savvy with IE rendering
    issues could answer this better.


    --
    Brian O'Connor (ironcorona)
     
    ironcorona, Jun 4, 2006
    #5
  6. Shea Martin

    Rik Guest

    ironcorona wrote:
    > Shea Martin wrote:
    >
    >> do you know if there is a valid reason, that my html
    >> did not work with IE or Opera 9?

    >
    > It seems to be that IE or Opera 9 won't recognise height="100%". I
    > set it as a number; height="20" [completely arbitrarily] and it works
    > in both IE and Opera. This is quite odd because it does recognise
    > width="100%".


    "height:100%" is undefined, because height of html & body are undefined.

    Try
    html, body{
    height:100%;
    }

    > But now there's a new problem. IE is leaving some gaps that I can't
    > seem to get rid of on the ml.png and the mr.png. I tried killing
    > these gaps with CSS but it didn't work. It looks like the td is
    > setting a padding value OR the image is setting a margin value.
    >
    > I'm not sure why. Perhaps someone who's more savvy with IE rendering
    > issues could answer this better.


    I haven't actually looked at the code, but why not manually set
    paddings/margins to 0?

    Grtz,
    --
    Rik Wasmus
     
    Rik, Jun 4, 2006
    #6
  7. Shea Martin

    ironcorona Guest

    Rik wrote:

    > "height:100%" is undefined, because height of html & body are undefined.
    >
    > Try
    > html, body{
    > height:100%;
    > }


    We're not dealing with <html> or <body>. All that does is set the html
    and body content areas to be the entire size of the screen.

    Perhaps you should look at the code; then you'd know we're talking about
    html images and the height attribute NOT CSS [at this point].

    > I haven't actually looked at the code, but why not manually set
    > paddings/margins to 0?


    I did. It didn't work. As I said.

    --
    Brian O'Connor (ironcorona)
     
    ironcorona, Jun 4, 2006
    #7
  8. Shea Martin

    dorayme Guest

    In article <5Csgg.13520$S61.10274@edtnps90>,
    Shea Martin <> wrote:

    > I want to create a box using images for borders. I have 3x3 table, with
    > the "middle" cell containing my data, and the surrounding cells having
    > only an image representing a border.
    >
    > This www.snowsquirrel.ca/test/index.html looks fine in firefox/opera,
    > but is missing the side borders in IE6.
    >
    > Is there a work around for this? It seems like a pretty simple thing I
    > am trying to do.
    >
    > Thanks,
    >
    > ~S


    First thing you should find useful is to try to validate your
    markup at validator.w3.org.

    (btw does this show up on your browser and is it re your page:

    http://validator.w3.org/check?verbose=1&uri=http://www.snows
    quirrel.ca%2Ftest%2Findex.html

    ?)

    --
    dorayme
     
    dorayme, Jun 5, 2006
    #8
  9. Shea Martin

    Shea Martin Guest

    Shea Martin, Jun 5, 2006
    #9
    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. Ivor O'Connor
    Replies:
    4
    Views:
    858
    Isofarro
    Nov 25, 2003
  2. Peter Mount
    Replies:
    4
    Views:
    966
    Peter Mount
    Jan 31, 2006
  3. iwasjoeking
    Replies:
    9
    Views:
    626
    dorayme
    Jun 10, 2008
  4. Pugi!
    Replies:
    0
    Views:
    244
    Pugi!
    Feb 5, 2007
  5. timothytoe
    Replies:
    4
    Views:
    160
Loading...

Share This Page