Question

I am using apache’s mod_rewrite module to improve my URL structure(for one instance- www.mydomainname.com/user.php?u=somename) to some fancy URL like www.mydomainname.com/user/somename . I have successfully achieved it until I got into this very bad situation of CSS and JS relative path issue.
Whenever I open up www.mydomainname.com/user/somename, it loads successfully without CSS and JS with only text and basic HTML. I used chrome’s “inspect element” feature, which help me to know the following errors that occurred.

GET http://www.mydomainname.com/user/css/style.css 404 (Not Found) somename:5
GET http://www.mydomainname.com/user/css/developer.css 404 (Not Found) somename:6
GET http://www.mydomainname.com/user/js/jquery-1.5.2.js 404 (Not Found) somename:7
GET http://www.mydomainname.com/user/js/jquery.form.js 404 (Not Found) somename:5

The .htaccess file has following contents-

DirectoryIndex index.html.php
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule    ^user/([^/.]+)/?$    user.php?u=$1    [L]

The user.php is residing in the parent folder as well as the CSS and JS folders. I got to know the cause but do not know how to remove the errors.

EDIT: The path of CSS and JS given in the user.php file are-

<link type = "text/css" rel = "stylesheet" href = "css/style.css">
<link type = "text/css" rel = "stylesheet" href = "css/developer.css">
<script type="text/javascript" src="js/jquery-1.5.2.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>

Answer 1

Try adding absolute paths (just add / at the beginning of the URL):

<link type = "text/css" rel = "stylesheet" href = "/css/style.css">
<link type = "text/css" rel = "stylesheet" href = "/css/developer.css">
<script type="text/javascript" src="/js/jquery-1.5.2.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>