Hi, If anyone can help it would be greatly appreciated. I've already looked around the net and tried so many different things, but I still can't figure out why the background CSS colour or image are not showing up in any browser? I know there can be certain problems with some browsers not showing properly, but i think this is a wider problem. I have checked it in Firefox, Safari and Google Chrome. Here is the code from the CSS file #body{ margin: 0; padding: 5px 0; background-color: #336699 background-image: url(http://www.boatsbuildingplans.com/wp-content/themes/NicheProfitPressV2/images/seabackground.jpg) background-repeat: fixed center no-repeat; font: normal 14px Arial, Helvetica, sans-serif; color: #333; Links to things I think you might need to look at are: The main website address is located @ http://www.boatsbuildingplans.com The CSS file is located @ http://www.boatsbuildingplans.com/wp-content/themes/NicheProfitPressV2/style.css The background image is located @ http://www.boatsbuildingplans.com/wp-content/themes/NicheProfitPressV2/images/seabackground.jpg I think that about cover it all, but please let me know if there is anything else you might need. Thanks in advance, Tony
Hello TonyMet, The reason why it doesn't work is because you are using #body it has to be body { Because body is not an id or a class it is a html element. Also make sure to put a ";" at the end of each line otherwise it might not get parsed properly by certain browsers. Lastly, if you are just beginning to learn to use CSS I suggest you download and install the firebug plugin for FireFox it will help you a lot to quickly troubleshoot issues.
As itmontreal.ca pointed out #body should body, unless you are using body as a ID then it would be somethiing like this in your html <body id="body">. Also I noticed at http://www.boatsbuildingplans.com/wp-content/themes/NicheProfitPressV2/style.css magei should be remoed or inside the comment /*