Developed a website, which works perfectly on my home pc environment, but on uploading it to a live environment, I get errors, when viewing in the most recent firefox browser, that I wasn't getting in the "preview in firefox" tab. How is that possible? Also, how do I correct the errors, since I can't "see" them on my home environment?
Some supporting files might not have gotten uploaded. Make sure all of your .css and .js files are uploaded to the correct location on your server.
Without a link to your page, it's pretty much all guesswork for us though.
I've fixed the problems, thanks. Most of the issues were with file structure on the two servers (test and live) not quite being duplicated in the same way, but there were some oddities. One img file refused to display on the live site, but displayed perfectly well in test, despite being identical. The only way I could get it to display was to copy and paste the actual .png file to another img file and re-upload. The other big difference was that whereas Dreamweaver tolerates capital letters and spaces in filenames, my hosting server doesn't (is that common to all servers?). So I had to rename most of my pages and therefore redo all the links. A beginners error, I suspect.
I'm having problems with my colorbox installation in IE (doesn't display the navigation buttons, background, or border images), but I'll go to the colorbox support for that. And also I don't appear in Google, but that's probably a blessing until I get the basic site sorted. It's a charity website. The home page is www.skibbereenlions.ie, if anyone is interested or has comments on the html, which has already been described as "fussy", by one expert! All criticism gratefully accepted, but be kind, I'm a total novice!
Validate your code & fix reported errors. IE is not very forgiving of code errors.
Your CSS has a couple of errors too. But you can skip the vendor specific prefix warnings (-moz, -webkit), color-box, box-shadows & border-radius. Those don't pass validation tests.
Directory structure needs to be identical as you found out.
The image issue could have been a cmyk color profile on something that needed rgb. It happens with other file types, I'm not sure if it can happen with a .png though.
Only some servers have that type of case sensitivity. I can't remember exactly what it is that causes that (none of mine have been set that way). Some good rules for file naming is to avoid spaces, capital letters and special characters other than the underscore or hyphen.
Your image gallery seems to work fine here in IE9. I also checked it in the IE7 and IE8 modes and it seemed to work correctly.
Google will eventually index your website, but it can take a while. If you just uploaded it for the first time, you probably won't show up in Google for 2-4 weeks or so.
Whether code validates doesn't always determine whether it works or not. All of the browsers have been programmed to essentially guess what was meant when they run into coding errors. IE seems to be the worst at that. Some coding errors are only "technically" errors because they belong under a different Doctype declaration (using > when you should have used /> instead), others are flat out wrong with missing info, but still work because the browsers "guessed right".
You can have hundreds of validation errors on a page (Adobe forums) and still have a fully functional site. It's just best to validate, make sure none of those errors are show stoppers, and fix everything you can to make sure finicky browsers (I'm talking to you IE) don't get mad at your page and give up trying to display things correctly.
I am having this problem also. The site was perfect in my preview but when uploaded, there is an over lap of images on my Hindu paintings page... could someone help?
The problem you have is caused by absolute positioning which removes content from the normal document flow. Do not use positioning. You don't need it.
For best results, learn to use CSS floats and margins.
Thanks for replying, I tried what was discussed on the url's. but my small images are taking the top margin from the bottom of my header logo image and not the top of the footer, Worst thing about being a newbie to design is constructively being able to resolve issues