.htaccess URL rewrite causes CSS issue

Question

I have a .htaccess file with the following:

RewriteEngine On
RewriteRule   ^product/(.+)$   /product.php?name=$1   [L]

This basically looks for "product/" within the URL and redirects to product.php

product.php is in the root folder: eg. mywebsite.com/product.php and when loaded directly looks fine and all CSS works.

However when I go to mywebsite.com/product/example-product the redirect to product.php works, but the CSS is lost (It's in a seperate stylesheet).

I do not have a product directory, is this why the CSS won't load? Is it possible to have directories in the URL yet redirect to a file in the root folder?

Ideally, I'd like the following:

mywebsite.com/product/example-product

redirects to

mywebsite.com/product.php?name=example-product

I hope that makes sense.

Perfect! I thought it would be more complicated than that, it worked a charm. Thanks!! — Lee
– Lee, Commented Mar 5, 2015 at 9:41

Andy Holmes · Accepted Answer · 2015-03-05 09:58:47Z

1

All you need to do is set a base tag in your HTML head. For example:

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

answered Mar 5, 2015 at 9:58

Andy Holmes

8,10711 gold badges56 silver badges93 bronze badges

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

Collectives™ on Stack Overflow

.htaccess URL rewrite causes CSS issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related