Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > image in table, IE6 bug?

Reply
Thread Tools

image in table, IE6 bug?

 
 
Shea Martin
Guest
Posts: n/a
 
      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
 
Reply With Quote
 
 
 
 
Shea Martin
Guest
Posts: n/a
 
      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
 
Reply With Quote
 
 
 
 
ironcorona
Guest
Posts: n/a
 
      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)
 
Reply With Quote
 
Shea Martin
Guest
Posts: n/a
 
      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
 
Reply With Quote
 
ironcorona
Guest
Posts: n/a
 
      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)
 
Reply With Quote
 
Rik
Guest
Posts: n/a
 
      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


 
Reply With Quote
 
ironcorona
Guest
Posts: n/a
 
      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)
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      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
 
Reply With Quote
 
Shea Martin
Guest
Posts: n/a
 
      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.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


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



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57