sureshot111 Posted April 2, 2013 Report Share Posted April 2, 2013 Hello Hello, first post here from an official beginner! I have made every effort to find out why I have this problem beforehand, had a reasonable search through this forum, google etc, but just can't seem to find the answer. I may not be wording things correctly, I just don't know, hope you guys can help. If I have missed something obvious in terms of a Google search or general programming then I'll trust you'll point this out Problem: I am putting a site together with several containers with white backgrounds. All browsers bar IE (all versions I think), render my code perfectly. In IE for some reason the white backgrounds disappear. I've tried using different colour formats as well as removing all but one container, but no no avail. Don't know what else to say really as this is my first post. http://www.datacablingwales.co.uk/DC2/index http://www.datacablingwales.co.uk/DC2/about_us (this is the page where I have removed all but the main container that comes below the menu) Many thanks Quote Link to comment Share on other sites More sharing options...
newseed Posted April 2, 2013 Report Share Posted April 2, 2013 This doesn't explain much. Maybe you have provide a couple of screen captures, one showing what's wrong and the other of what it should look like. On another note, you have some coding practices that is not going to appear correctly in various screen sizes. Quote Link to comment Share on other sites More sharing options...
sureshot111 Posted April 2, 2013 Author Report Share Posted April 2, 2013 Apologies. If you view the two links in Safari, Chrome etc.. you should see the white containers. Here are some screen shots anyway, hope this helps. Quote Link to comment Share on other sites More sharing options...
newseed Posted April 2, 2013 Report Share Posted April 2, 2013 I do not get that issue. I do indeed see the white background. You stated in your original post this: All browsers bar IE (all versions I think), render my code perfectly. In IE for some reason the white backgrounds disappear. You've mention that IE is working fine and then in the next sentence it is not. Also, what OS are you using? Quote Link to comment Share on other sites More sharing options...
sureshot111 Posted April 2, 2013 Author Report Share Posted April 2, 2013 I do not get that issue. I do indeed see the white background. You stated in your original post this: All browsers bar IE (all versions I think), render my code perfectly. In IE for some reason the white backgrounds disappear. You've mention that IE is working fine and then in the next sentence it is not. Also, what OS are you using? Do you see the white backgrounds in IE? Not sure where I've mentioned IE is working fine? I stated that all browsers "bar" IE render my code perfectly. I'm running OSX 10.6.8 with IE running on VirtualBox and I've also checked it on a Windows XP pro machine. Thanks for helping with this. Quote Link to comment Share on other sites More sharing options...
grabenair Posted April 3, 2013 Report Share Posted April 3, 2013 Not sure if this will help or not. Try changing you color in you css from background-color: rgb(255,255,255,1); to background-color:#FFF; this should work cross browser. Quote Link to comment Share on other sites More sharing options...
sureshot111 Posted April 3, 2013 Author Report Share Posted April 3, 2013 Not sure if this will help or not. Try changing you color in you css from background-color: rgb(255,255,255,1); to background-color:#FFF; this should work cross browser. Your absolutely right there sir, the thought came to me not so long ago. Much appreciated Quote Link to comment Share on other sites More sharing options...
grabenair Posted April 4, 2013 Report Share Posted April 4, 2013 (edited) Well I forgot if you want to use rgb for your colors it is fine. But if you want to put in some transparency using rgb then you need to write it as rgba the (a) is the alpha channel. And then is wrote the way that you did it above. With out the a in rgba it is only expecting 3 properties. And just for you know the long hand form for this looks like this rgb{ (255,255,255); opacity:1;} This is to help you understand that with rgba we are adding a property to the color. Hope this helps you understand better. Edited April 4, 2013 by grabenair Quote Link to comment Share on other sites More sharing options...
falkencreative Posted April 4, 2013 Report Share Posted April 4, 2013 I do not get that issue. I do indeed see the white background. You stated in your original post this: All browsers bar IE (all versions I think), render my code perfectly. In IE for some reason the white backgrounds disappear. You've mention that IE is working fine and then in the next sentence it is not. Also, what OS are you using? I think by "bar", he's meaning "except". It made me a little confused too at first. Quote Link to comment Share on other sites More sharing options...
sureshot111 Posted April 7, 2013 Author Report Share Posted April 7, 2013 Well I forgot if you want to use rgb for your colors it is fine. But if you want to put in some transparency using rgb then you need to write it as rgba the (a) is the alpha channel. And then is wrote the way that you did it above. With out the a in rgba it is only expecting 3 properties. And just for you know the long hand form for this looks like this rgb{ (255,255,255); opacity:1;} This is to help you understand that with rgba we are adding a property to the color. Hope this helps you understand better. Ah right I see that you can add opacity as a property directly after an RGB color, thanks for help with this folks, I've learnt a lot Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.