CSS not working with CakePHP App

Question

I'm having a problem with CakePHP, the CSS is not found. When I view the source code in my browser I can see the cake generic CSS link in the head section. But when I click on it to see the actual source code, I get a 404 not found error.

Update: I've followed the instructions here:

http://book.cakephp.org/2.0/en/installation/url-rewriting.html

to make sure the mod_rewrite is setup correctly but I'm still having trouble viewing the CSS file.

Update: THis is what .htaccess looks like in my root folder:

<IfModule mod_rewrite.c>
   RewriteEngine on
   RewriteRule    ^$ app/webroot/    [L]
   RewriteRule    (.*) app/webroot/$1 [L]
</IfModule>

This is what .htaccess looks like in my app folder:

<IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteRule    ^$    webroot/    [L]
    RewriteRule    (.*) webroot/$1    [L]
</IfModule>

and this is what it looks like in my webroot folder:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ index.php [QSA,L]
</IfModule>

Regards, Stephen

You might have a problem with mode rewrite or the .htaccess file. Are you using Apache? — Alvaro
– Alvaro, Commented Apr 3, 2013 at 13:17
This is very much not enough information to guess what could be the problem. Take a look at the questions in the "related" pane --> any of them work? — JJJ
– JJJ, Commented Apr 3, 2013 at 13:18

Stephen · Accepted Answer · 2013-04-06 12:07:33Z

1

I managed to solve it. The problem was with the way I set up my virtual host, my httpd-vhosts.conf file now looks like this:

<VirtualHost *:80>
    ServerAdmin [email protected]
    DocumentRoot "/Users/stephenxconnolly/Documents/Websites/invoice-new"
    ServerName invoice.dev
    <Directory "/Users/stephenxconnolly/Documents/Websites/invoice-new/">
         AllowOverride All
    </Directory>
#   ServerAlias www.dummy-host.example.com
    ErrorLog "/private/var/log/apache2/invoice.dev-error_log"
    CustomLog "/private/var/log/apache2/invoice.dev-access_log" common
</VirtualHost>

This solved the problem.

answered Apr 6, 2013 at 12:07

Stephen

4,8238 gold badges55 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

toby1kenobi · Accepted Answer · 2013-04-03 19:14:49Z

0

Are you letting CakePHP create the link to the CSS? Like this:

echo $this->Html->css('cake.generic');

If Apache is pointing at webroot, and your CSS is in webroot/css/cake.generic.css, then you should be able to browse it at

http://website/css/cake.generic.css

If you put the CSS file in webroot can you browse it ok?

answered Apr 3, 2013 at 19:14

toby1kenobi

1,7011 gold badge14 silver badges27 bronze badges

4 Comments

Stephen Over a year ago

In answer to your first questions, yes I'm letting CakePHP create the link to the CSS file as you've shown above. I can't browse the cake.generic.css I get No Data Received error message.

toby1kenobi Over a year ago

Can you see the file on disk (in Finder), what directory is it in? Did you try moving it to webroot and link to it manually (not using CakePHP's helper)?

Stephen Over a year ago

@tobi1kenobi Yes, I can see the file in Finder projectname/app/webroot/css/cake.generic.css I'm not sure what you mean by move it to webroot, when CakePHP is installed, this is the default location for the file.

toby1kenobi Over a year ago

yes, location looks good, I just wondered if you linked to it in webroot and it worked this might give you some clue as to what's happening (like permissions on your css folder or something).

Collectives™ on Stack Overflow

CSS not working with CakePHP App

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related