tesher Posted October 20, 2008 Posted October 20, 2008 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 Posted October 20, 2008 Posted October 20, 2008 Hiya, I all looks the same to me Tesher Nic Sometimes you're the dog and sometimes the lamp post [/url] My Contributions
Silvergren Posted October 20, 2008 Posted October 20, 2008 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 Posted October 24, 2008 Author Posted October 24, 2008 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.