All colors drastically different in IE

Reply

Join Date: Apr 2006
Posts: 353
Reputation: death_oclock will become famous soon enough death_oclock will become famous soon enough 
Solved Threads: 37
death_oclock's Avatar
death_oclock death_oclock is offline Offline
Posting Whiz

All colors drastically different in IE

 
0
  #1
Mar 22nd, 2009
I have designed my page using Firefox and it looks exactly as I would expect it to, colors consistent with my design using Photoshop. When I view the page in Internet Explorer, all the colors are changed. It looks as if everything has a slight gray layer over it making it look dreary and "gross." Even the background image looks very different, it is lighter and brown-ish. The transparency I applied doesn't have any effect (yes, I added the IE "filter" property for alpha-opacity). The CSS I have added (in addition to the existing myspace styles) is here:
  1. <style type="text/css">
  2. .bodyContent
  3. {
  4. background-color: 1e190c;
  5. background-image: url('http://img15.imageshack.us/img15/706/58119117.jpg');
  6. background-position: center;
  7. background-repeat: repeat-y;
  8. filter: alpha(opacity=80);
  9. opacity: 0.8;
  10. }
  11.  
  12. .bodyContent a, .bodyContent a:link, .bodyContent a:active, .bodyContent a:visited
  13. {
  14. color: ffffff;
  15. text-decoration:
  16. underline;
  17. }
  18. .bodyContent a:hover
  19. {
  20. color: ff6600;
  21. }
  22.  
  23. .bodyContent br
  24. {
  25. line-height: 20px;
  26. }
  27.  
  28. .bodyContent table
  29. {
  30. border-style: solid;
  31. border-color: ffffff;
  32. border-width: 0px 1px 0px 1px;
  33. background-color: 3c0909;
  34. }
  35. .bodyContent table table table td
  36. {
  37. border-width: 0px;
  38. }
  39. .bodyContent table table table table
  40. {
  41. border-spacing: 1px;
  42. }
  43. .bodyContent table[id="headerTable"] td
  44. {
  45. background-color: 2358b8;
  46. }
  47. .bodyContent table[id="musicJVNav"] td
  48. {
  49. background-color: transparent;
  50. }
  51.  
  52. .bodyContent tr, .bodyContent td, .bodyContent table table, .bodyContent table table td
  53. {
  54. color: ffffff;
  55. border-width: 0px;
  56. background-color: transparent;
  57. }
  58.  
  59. .bodyContent table table table table table strong
  60. {
  61. color: ffffff;
  62. }
  63. .bodyContent table table table table
  64. {
  65. border-width: 0px;
  66. background-color: transparent;
  67. padding: 0px;
  68. margin: 0px;
  69. background-image: none;
  70. }
  71. .bodyContent table table table table td
  72. {
  73. padding: 0px;
  74. margin: 0px;
  75. }
  76. .bodyContent table table table
  77. {
  78. width: 100%;
  79. margin: 0px;
  80. background-color: 232223;
  81. border-width: 1px;
  82. border-color: FFFFFF;
  83. }
  84.  
  85. .bodyContent table.friendSpace
  86. {
  87. display: none;
  88. }
  89.  
  90. .bodyContent .text, .bodyContent .text font
  91. {
  92. background-color: transparent;
  93. color: FFFFFF;
  94. }
  95. .bodyContent .nametext
  96. {
  97. background-image: url('http://img6.imageshack.us/img6/479/thefallcontinent.png');
  98. width: 300px;
  99. height: 100px;
  100. display: inline-table;
  101. font-size: 0px;
  102. }
  103. </style>

I have screen shot of what I am talking about:
Firefox: http://img257.imageshack.us/img257/6490/shotff.jpg
IE: http://img21.imageshack.us/img21/1043/shotie.jpg
Last edited by death_oclock; Mar 22nd, 2009 at 8:33 pm.
Reply With Quote Quick reply to this message  
Join Date: May 2008
Posts: 174
Reputation: Jen0608 can only hope to improve 
Solved Threads: 10
Jen0608 Jen0608 is offline Offline
Posting Whiz

Re: All colors drastically different in IE

 
-1
  #2
Mar 23rd, 2009
this always happen. i have the same problem as well. sometimes it works in firefox then in ie its not. its really frustrating.
Reply With Quote Quick reply to this message  
Join Date: Mar 2009
Posts: 77
Reputation: mj080 is an unknown quantity at this point 
Solved Threads: 5
mj080's Avatar
mj080 mj080 is offline Offline
Junior Poster in Training

Re: All colors drastically different in IE

 
0
  #3
Mar 23rd, 2009
i understand your frustration with the limitations on coloring it exactly the way you want to on the web! the problem comes in that most users browsing these websites would most probably be using IE, so it's always easier desinging for IE and then adding your add ons for FireFox via CSS.

you are also referencing opacity twice in your first CSS reference, which could be a problem, always try and limit it to only one reference in a table and adjust your image to what you really want.
Reply With Quote Quick reply to this message  
Join Date: Apr 2006
Posts: 353
Reputation: death_oclock will become famous soon enough death_oclock will become famous soon enough 
Solved Threads: 37
death_oclock's Avatar
death_oclock death_oclock is offline Offline
Posting Whiz

Re: All colors drastically different in IE

 
0
  #4
Mar 23rd, 2009
Firefox has beaten out IE (thankfully) but there is still too large a demographic of IE users to just ignore. Opacity hasn't quite caught on as standard yet (I doubt anything will for IE) so the first definition is just for IE, the second for most other browsers. And I haven't had this problem designing other sites before, this is the first time I've seen something so blatantly broken by a specific browser.
Last edited by death_oclock; Mar 23rd, 2009 at 9:45 pm.
Reply With Quote Quick reply to this message  
Join Date: Jan 2007
Posts: 3,203
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

Re: All colors drastically different in IE

 
0
  #5
Mar 24th, 2009
Did you forget to close a tag in the html?
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
Join Date: Apr 2006
Posts: 353
Reputation: death_oclock will become famous soon enough death_oclock will become famous soon enough 
Solved Threads: 37
death_oclock's Avatar
death_oclock death_oclock is offline Offline
Posting Whiz

Re: All colors drastically different in IE

 
0
  #6
Mar 25th, 2009
I am modifying a myspace page so the only tag I added is the <style> tag shown above.
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC