Problem loading css files in some templates I´m having problems loading css files in some templates.

Hi have this to load css files:

{% includeCssFile "assets/html/css/reset.css" %}
{% includeCssFile "assets/html/css/general.css" %}
{% includeCssFile "assets/html/css/typography.css" %}
{% includeCssFile "assets/html/css/layout.css" %}
{% includeCssFile "assets/html/css/formStyle.css" %}
{% includeCssFile "assets/html/rs-plugin/css/settings.css" %}
{% includeCssFile "assets/html/css/slidestyle.css" %}
{{ getHeadHtml() }}


This follows this path: http://localhost/craft/assets/html/css/filename.css

It works great , and load the styles for example, in the news section.
But, when i go to que news detail section, the styles don´t show.

The news detail template extends the template layout used for the home page and other sections.

The page looks for styles in this path: http://localhost/craft/news/assets/html/css/filename.css   and of course don´t find it. 

I try with routes ( don´t know exacly how it works , but try and didn´t work ).

Help! :)

Thanks. Sebastian.
You will want to include the siteUrl variable before the file path to normalize all the resource URLs. That will also help when you move to production. For example: 

{% includeCssFile siteUrl~'assets/html/css/slidestyle.css' %}


In your general config file, you can set different site URLs based on the server you are on.

return array(
    '*' =&gt; array(),

    'localhost =&gt; array(
        'devMode' =&gt; true,
        'siteUrl' =&gt; 'http://localhost/craft/'
    ),
    'yourProductionDomain.com' =&gt; array(
        'devMode' =&gt; false,
        'siteUrl' =&gt; 'http://www.yourProductionDomain.com'    
    ),
);