green Information Box in IE but not Firefox -

[tesher]

hello there,

 

i have been searching for an answer as to why the Information Box on my new site Edufantastic Toys is a horrible shade of green in IE but blue (as it should be) in Firefox.

 

have tried to amend this by looking at the stylesheet, but that doesnt explain why it should appear differently in each browser!

 

any ideas, or am i going to have to live with it?

 

THANKS,

 

Tesh :blush:

[FIMBLE]

Hiya,

I all looks the same to me Tesher

Nic

[Silvergren]

hello there,

 

i have been searching for an answer as to why the Information Box on my new site Edufantastic Toys is a horrible shade of green in IE but blue (as it should be) in Firefox.

 

have tried to amend this by looking at the stylesheet, but that doesnt explain why it should appear differently in each browser!

 

any ideas, or am i going to have to live with it?

 

THANKS,

 

Tesh :blush:

 

 

Tesh, IE isn't up to the standards of rendering html, etc that firefox is. There is a ton of information on the web about browser rendering problems.

 

I think I've found your problem: bordercolor is a "CSS" (stylesheet) attribute - not a html attribute. If you change the second table (about line 421) in your information box to: style="border-collapse: collapse; border-color: #330ecd" and remove bordercolor="#330ecd" it should render in both browsers correctly. Ideally, you should remove all references in your index to bordercolor and instead use your stylesheet to render the border-colors attribute:

 

example -- add something like this to your stylesheet for each of the border colors your using, note that some of your tables also use the border-collapse css2 attribute, so set them up here as well:

 

.bordercolora {

border-color: #111111;

}

.bordercolorb {

border-color: #111111;

border-collapse: collapse;

}

.bordercolorc {

border-color: #330ecd;

}

.bordercolord {

border-color: #330ecd;

border-collapse: collapse;

}

 

On your index page,

 

For each instance in your tables where you have bordercolor="#111111" with no border-collapse, delete the bordercolor="#111111" and use: class="bordercolora"

For each instance in your tables where you have: style="border-collapse: collapse" bordercolor="#111111" delete that and instead use: class="bordercolorb"

For each instance in your tables where you have bordercolor="#330ecd" with no border-collapse, delete the bordercolor="#330ecd" and use: class="bordercolorc"

For each instance in your tables where you have: style="border-collapse: collapse" bordercolor="#330ecd" delete that and instead use: class="bordercolord"

 

Hope the explanation helps.

[tesher]

M. - have just had a few days off from this project but returned to see your post... MANY MANY THANKS - i will be cutting and pasting your brilliant css suggestion asap and no doubt enjoying the result! joy!! Tesh :D