Site works at home but not on server

[Krisken]

Dear,

I'm creating a brand new website and i have some troubles with it. At this moment it's just HTML and CSS, so no php or what so ever in it!

When i load the website from the webserver it seems fine : i got the popdown menu's (north america, south america, europe, ...) and everything is showed well... Except between the top menu and the Lorem ipsum text there is one big white space...

When i load the website at my local pc i see the slider in stead of the big white space but the popdown menu's doesn't work at all.

This in the same browser, same pc, same source code, same everything.

Could somebody please let me know why it isn't the same? Ofcourse the slider must be there in stead of the big white nothing and the menu's have to pop down.


Thanks for any answer!

Kris

[edited by: incrediBILL at 8:55 pm (utc) on Feb 12, 2013]
[edit reason] URL removed, see forum charter [/edit]

[Fotiman]

Use something like Google Chrome's Developer Tools, and examine the Console for errors. Look at the Network tab to see if there's anything unusual there. In your case, you have a bunch of 404's on the images that are supposed to be in your slider.

[Krisken]

Fotiman : i've never heard about Chrome's Developer Tools, but i'll give that a try tomorrow.

How is it possible that when i work online the top nav bars works and offline it doesn't. And that online the slider works but offline it doesn't?

I tried with firefox 18.0.2 and also with Chrome version 24.0.1312.57

[edited by: tedster at 10:34 pm (utc) on Feb 12, 2013]
[edit reason] No public site reviews - see Terms of Service [/edit]

[Fotiman]

Chrome Developer Tools... when using Chrome, just press F12 to open them up. Alternatively, other browsers offer their own dev tools that do similar things.

[Krisken]

I just tried and i've got indeed some errors. I just have to learn a little how to interpret these.

[edited by: tedster at 10:33 pm (utc) on Feb 12, 2013]
[edit reason] URL removed, see forum charter [/edit]

[lucy24]

Did you get the part about "URL removed"? Or rather, the three separate parts? This is a general rule for all public WebmasterWorld forums, but there's an extra reason for it in the "how-to" forums like HTML and CSS. People need to see the exact code that's causing the problem, not the site as it exists tomorrow or next week or in 2014 (for readers coming along later).

So you need to post the relevant HTML and CSS. Not the whole thing! Part of your job is to figure out which bits of the code are causing the problem. For example if the issue involves positioning of the header, we do not need to know what font the footer uses. Quote only as much code as you need to reproduce the problem.

Does the HTML and/or CSS use absolute links beginning in / slash? If so, it will only work locally if you have a pseudo-server like MAMP or WAMP. These are easy to use and install-- at least the Mac version is --and the basic versions are free, so you should go download it if you haven't already.

[Krisken]

Well i did get that part now...That the reason why i've included a link to a tarball (.rar file) where the site is as-is. Including the images, css and html that is used to that one site only. The problem is...that i don't know where to search the cause of the problem. If i had the problem i could rather fix it and i didn't need these forums here, right?

I don't use absolute links. In HTML i use links like "./img/" in the img src tags and in css as /img/.
Downloading/installing a pseudo server isn't needed because i open the links in firefox it self (open file, works great because it's HTML).