Question

Buenas. Resulta que estoy adaptándole a mi sitio web URLs amigables (o Pretty URLs) y esta forma me fue muy útil (a través de .htaccess):

<IfModule mod_rewrite.c>
# Activar RewriteEngine
RewriteEngine on
RewriteBase /
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteCond %{SCRIPT_FILENAME} !-f

RewriteRule ^(.*)$ $1.php // para mostrar /ejemplo cuando se ingrese a traves de /ejemplo.php
RewriteRule ^cuenta/estadisticas estadisticas.php // para mostrar estadisticas.php cuando se ingrese a traves de /cuenta/estadisticas 
</IfModule>
ErrorDocument 400 /
ErrorDocument 401 /
ErrorDocument 403 /
ErrorDocument 404 /
ErrorDocument 500 /

El funcionamiento está perfecto, el problema es que, no sé por qué, no se están mostrando correctamente los CSS, se muestra como una web cutre, observen:

Acceso normal

Acceso desde directorio

Archivo donde poseo todo almacenado:

    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link href="css/slider.css" rel="stylesheet">
    <link href="css/lrp.css" rel="stylesheet">
    <!-- <link href='https://fonts.googleapis.com/css?family=Lato:400,700,300,400italic' rel='stylesheet' type='text/css'> -->
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/footer.css">
    <!-- jQuery -->
    <script src="http://code.jquery.com/jquery-1.12.0.js"></script>
    <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <!-- <script src="js/bootstrap.js"></script> -->
    <script src='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js'></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-confirmation.js"></script>
    <script src="js/npm.js"></script>
    <script src='js/okzoom.js'></script>
    <script type="text/javascript" src="js/irarriba.js"></script>

De lo que sí estoy seguro es que no es un problema del .htaccess ni del Pretty URLs, ya que anteriormente intenté hacerlo pero sin usar esta manera más fácil si no que crear los directorios por mi cuenta. Por ejemplo, crear la carpeta cuenta, dentro de ella la carpeta estadisticas, y dentro de estadisticas ponía index. Pero esta manera daba mucho trabajo lógicamente, y ahí comprobé que no me servía esto del CSS.

Answer 1

Tienes que asegurarte que las URL en las que se intentan cargar los archivos CSS y JS efectivamente cargan el archivo correspondiente.

Creo que según la regla la petición http://tudominio.com/css/bootstrap.css se convierte a http://tudominio.com/css/bootstrap.css.php y el servidor no la encuentra.

Deberías poner una excepción para todas las rutas que contienen /css/ y /js/, un ejemplo que hace algo parecido:

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !^.*\.(jpg|css|js|gif|png)$ [NC]
RewriteRule ^(.*)$ $1.php