Search code examples
linuxweblocalhtml-rendering

Website renders differently on server vs locally


I'm having a very bizarre issue. I have been building a website locally on my linux box and all was well until I uploaded the site files to a place where i have some hosted space. Everything renders exactly the same except one element in my footer which i think is affecting some jquery animation i am using. I thought maybe I was missing files or hadn't uploaded the latest versions of everything, so I deleted the server directory and re-uploaded everything exactly as is from my local copy. And yet, the problem remains. I'm not sure how this is happening. Has anyone seen this before, or does anyone have an idea what could cause this? I'm baffled! Thanks everyone!!! I am attaching screen shots. the local copy with correct footer

the server version with footer that overflows


Solution

  • Seems to be a cache problem. Try to force a refresh with F5 or CTRL+F5.

    Try clear your cache in your browser settings.

    If that don't work, use Firebug (an Firefox browser addon) to check actual css at your footer. This will show the problem.

    BTW: don't use spaces in your URL if you can. Don't use spaces in your filenames/folders.