website displayed differently on localhost and when uploaded to a server

Question

I have designed a responsive website using php. its mainly html but i have included some php functions and saved all the pages. I have 2 style sheets 1 for the responsive and the other for the normal view. I tested the complete site in my localhost (wamp server) and didn't see any issues but when i uploaded the website online, the complete design seems messed up. All files including the css are uploaded correctly.

the fonts are too small, the alignments are not correct and the site seems to be shirked, but the same site shows everything correctly when tested in my local host.

Can someone please tell me what is the problem?

If you can please post the online site url. So we can have a clear idea. I guess most probably 404 error is there. — New Developer, Feb 02 '13 at 14:29
@CanGeliş just checked all the paths are correct. when i downloaded the same copy and added to the local host and worked perfect. firebug doesn't show any error either. — LiveEn, Feb 02 '13 at 14:45
@NewDeveloper i completely removed the website and restored the old website back. Il try to upload it to a different place. — LiveEn, Feb 02 '13 at 14:47

score 2 · Answer 1 · answered Feb 02 '13 at 15:47

Ensure all files (especially CSS and JS) are loaded. You can check this for example by using Firebug Net panel. Be extra-careful looking for any spelling mistakes that pass unnoticed on windows but are lethal on Linux (eg. on Windows test.JPG and test.jpg are the same, on linux these are two different paths!)
Press CTRL+0 (zero) to reset zoom level for your domain.
Ensure you don't load any additional files and libraries to your website that you don't load (or couldn't load) on localhost.

score 1 · Answer 2 · edited May 23 '17 at 12:04

1

You may be using fonts that are not "web safe". Make sure you are using font families as shown here. Font families allow each browser to pick a font it's familiar with, but close enough to the original to not affect layout much. There a very few fonts that ALL browsers can render by default. But you can upload your font files to be downloaded by the browser on load if it is very important to use that font. Takes a long time to load the page though. More info on that here. I also like using fontsquirrel.

edited May 23 '17 at 12:04

Community

1
1

answered Feb 02 '13 at 15:59

bennett_an

1,718
1
16
35

Note that http://www.google.com/webfonts lets you pick a font and only impacts load time by between 10 and 50 ms. – Mooseman Feb 02 '13 at 18:56
YES! i forgot about that service. – bennett_an Feb 02 '13 at 18:57

website displayed differently on localhost and when uploaded to a server

2 Answers2