Htaccess mod_rewrite blocking my css

Question

Got htaccess rewriting my links for better seo like this:

Options +FollowSymLinks -MultiViews
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI}  .*/([^/]+)/?     [NC]
RewriteCond %{REQUEST_URI}  !index\.php      [NC]
RewriteRule  .*      /index.php?cat=%1 [L,NC,QSA]

which rewrites

http://www.example.com/any/number/of/directories/lastDir

to:

http://www.example.com/index.php?cat=lastDir

but my css isnt working, when i upload htaccess to the server, there is just plain text without images and css

tried adding base tag into html, but its not working

<base href="http://www.example.com/">

Try using .*/([^/.]+)/? instead. Your rule is probably matching the css and image file. Don't allowing dots in the rewrite would prevent this, since the file-extension contains a dot. — Gerben
– Gerben, Commented Mar 11, 2013 at 19:15
not working for example.com/aaaa, only working for example.com/aaa/bbb and so on — user1590642
– user1590642, Commented Mar 11, 2013 at 19:32

Olaf Dietsche · Accepted Answer · 2013-03-11 21:15:36Z

2

You must exclude the css and images from being rewritten with a RewriteCond

RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_URI} !\.(?:css|png|jpe?g|gif)$ [NC,OR]
RewriteCond %{REQUEST_URI} !index\.php [NC]
RewriteRule ([^/]+)/?$ /index.php?cat=$1 [QSA,L]

answered Mar 11, 2013 at 21:15

Olaf Dietsche

74.4k9 gold badges113 silver badges214 bronze badges

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

2 Comments

bizzehdee Over a year ago

+1 for jpe?g, never thought of that before, i always use jpeg|jpg and have been racking my brains for something neater and cleaner

Olaf Dietsche Over a year ago

@bizzehdee Thank you, I adopted it from somewhere else. Nothing wrong with jpeg|jpg, though.

bizzehdee · Accepted Answer · 2013-03-11 21:26:11Z

1

try using

Options +FollowSymLinks -MultiViews
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI}  .*/([^/]+)/?     [NC]
RewriteCond %{REQUEST_URI} !^(index\.php|robots\.txt|img|font|js|css|scripts) [NC]
RewriteRule  .*      /index.php?cat=%1 [L,NC,QSA]

this will filter out certain file types and directories to make sure that assets are not redirected

edited Mar 11, 2013 at 21:26

answered Mar 11, 2013 at 20:29

bizzehdee

21.2k13 gold badges49 silver badges79 bronze badges

Comments

Joey M-H · Accepted Answer · 2015-11-25 13:54:13Z

1

I was having this problem as well and found a solution.

If your css / js files are linked with a relative path, your RewriteRule will also affect them. Instead of writing a RewriteCond, you can avoid this by using a path from the root directory. In other words:

<link type="text/css" rel="stylesheet" href="css/style.css">

becomes

<link type="text/css" rel="stylesheet" href="/css/style.css">

Where css is a directory in the root directory.

answered Nov 25, 2015 at 13:54

Joey M-H

7731 gold badge6 silver badges15 bronze badges

Collectives™ on Stack Overflow

Htaccess mod_rewrite blocking my css

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related