image in table, IE6 bug?

06-04-2006

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

06-04-2006

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

06-04-2006

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/s...le_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)

06-04-2006

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/s...le_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

06-04-2006

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)

06-04-2006

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

06-04-2006

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)

06-04-2006

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?verbos...2F%2Fwww.snows
quirrel.ca%2Ftest%2Findex.html

?)

--
dorayme

06-05-2006

> 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?verbos...2F%2Fwww.snows
> quirrel.ca%2Ftest%2Findex.html
>
Thanks, good tip.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
IE6 Garbage Collection and general IE6 slowness problems	timothytoe	Javascript	4	06-03-2008 05:17 PM
AJAX problem: slow response using IE6 on Win2000 versus IE6 on XP	Pugi!	Javascript	0	02-05-2007 10:34 AM
IE6 SP1 rendering vs IE6 SP2 rendering	Peter Mount	HTML	4	01-31-2006 08:01 AM
Bug in IE6 , cant remove ie6 to replace	Ockerr	Computer Support	2	01-21-2005 04:01 PM
Just one ie6 template that works with ie6!?	Ivor O'Connor	HTML	4	11-25-2003 09:16 PM