Page 1 of 1

local host not equal test server

Posted: Wed Sep 28, 2011 3:55 am
by eazyGen
H guys.

This may be a daft question.

I have an app that I am building and testing locally using Firefox. Periodically I upload the files to my server's test environment. However, when I run the same code there, again using Firefox, I am finding that my CSS seems to be messed up because my page is wider. I have checked that all the files are present and correct and had a look using Web Developer, but I cannot quite understand what is going on. My local host is using Apache via XAMPP, and my test server is also running Apache.

Is there something simple that I may need to do to ensure each environment is the same?

Many thanks in advance for any assistance.

S

Re: local host not equal test server

Posted: Wed Sep 28, 2011 10:18 am
by twinedev
How do you reference all of your files?

/inc/style2.css will work fine from a domain, yet from a local file system this will be the root of the drive.

Of perhaps in your code you have it full hard coded (file:///C:/Users/MyName/Documents/MySite/inc/style2.css)

Hard to say without actually looking at the code.

Re: local host not equal test server

Posted: Thu Sep 29, 2011 1:50 am
by eazyGen
twinedev wrote:How do you reference all of your files?

/inc/style2.css will work fine from a domain, yet from a local file system this will be the root of the drive.

Of perhaps in your code you have it full hard coded (file:///C:/Users/MyName/Documents/MySite/inc/style2.css)

Hard to say without actually looking at the code.
Hi there.

Thanks for getting back to me. Here is how I am referencing the CSS:

Code: Select all

<head>

  <title>The Title</title>
  <meta name="description" content="The Description" />
  <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  <meta name="generator" content="eazy-Gen" />
  <meta name="robots" content="index,follow" />

  <link href="../client/css/ezLogin.css" rel="stylesheet" type="text/css" />
  <link href="../client/css/ezControls.css" rel="stylesheet" type="text/css" />
  <link href="../client/css/ezFacts.css" rel="stylesheet" type="text/css" />
  <link href="../client/css/ezGlobalCSS.css" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" href="../client/images/logos/favicon/favicon.ico" type="image/x-icon" />
  <link rel="icon" href="../client/images/logos/favicon/favicon.ico" type="image/x-icon" />

</head>
Any further help much appreciated.

S