image in table, IE6 bug?

S

Shea Martin

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
 
S

Shea Martin

Shea said:
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
 
S

Shea Martin

ironcorona said:
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
 
I

ironcorona

Shea said:
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.
 
R

Rik

ironcorona said:
Shea said:
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,
 
I

ironcorona

Rik said:
"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.
 
D

dorayme

Shea Martin said:
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

?)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top