tesher Posted October 20, 2008 Share 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: Link to comment Share on other sites More sharing options...
FIMBLE Posted October 20, 2008 Share 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 Link to comment Share on other sites More sharing options...
Silvergren Posted October 20, 2008 Share 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. Link to comment Share on other sites More sharing options...
tesher Posted October 24, 2008 Author Share 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.