Skip navigation
Guesstimate1
Currently Being Moderated

Difference between "preview in.." and live environment

Jan 28, 2013 4:49 AM

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?

 
Replies
  • Currently Being Moderated
    Jan 28, 2013 5:50 AM   in reply to Guesstimate1

    Anything is possible.  What errors do you get?

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 28, 2013 6:21 AM   in reply to SnakEyez02

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 28, 2013 10:46 AM   in reply to Guesstimate1

    Validate your code & fix reported errors.  IE is not very forgiving of code errors.

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.skibberee nlions.ie%2F

     

    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.

    http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&u ri=http%3A%2F%2Fwww.skibbereenlions.ie%2F

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 28, 2013 10:51 AM   in reply to Guesstimate1

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 28, 2013 3:02 PM   in reply to Guesstimate1

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 31, 2013 11:54 AM   in reply to Jon Fritz II

    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?

     

    http://www.temperley-studio.com/shopmain/Hindu_Paintings.php

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 31, 2013 12:31 PM   in reply to norgul

    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. 

    Here's why:

    http://www.apptools.com/examples/pagelayout101.php

     

    For best results, learn to use CSS floats and margins.

    http://alt-web.com/DEMOS/3-CSS-boxes.shtml

    http://alt-web.com/TEMPLATES/2-col-fixed-with-grid.shtml

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 3, 2013 2:00 AM   in reply to Nancy O.

    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

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points