martes 29 de noviembre de 2011

Problema con Estilos CSS en CodeIgniter

Si tienes un problema con los estilos CSS en tus vistas, no del tipo que NO los encuentra, sino del tipo bizarro en el cual te carga CASI todos los estilos pero no aplica el estilo a una o varias etiquetas en particular... esto te servirá:

Estamos acostumbrados a poner los estilos en una página diferente y luego linkearla así:


<link href=”http://localhost/misitio/css/estilos.css” rel=”stylesheet” type=”text/css” />


La cuestión es que en mi caso esa referencia aplicaba todos los estilos salvo al BODY, en concreto probé todo lo que se menciona en esta página y sin embargo no lograba aplicar estilos al cuerpo, hasta que recordé que pegando los estilos directo en la página si lo hacia correctamente, entonces la solución fue sencilla, mediante la función INCLUDE nativa de PHP leo el archivo CSS y escupo los estilos directo a la página así:

<head>
        <title>Modulo de Ejecutivos</title>
     <?php include("/css/estilos.css"); ?>
</head>

Esto considerando que la hoja de estilos esté dentro de una carpeta llamada CSS ubicada al mismo nivel que la carpeta de la aplicación, no dentro, recordemos que en CodeIgniter todas las rutas son relativas al archivo index.php


Simple y Elegante !

De esta forma, si vemos el código fuente de la página, veremos los estilos directamente insertados en el encabezado de la página y no solo vinculados, que es lo que da problemas.

Esto de la arquitectura MVC no es de mi total agrado, yo prefiero la filosofía AJAX donde la "vista" se pelea directamente con el "modelo" sin utilizar un intermediario llamado "Controlador" pero reconozco que en un equipo de desarrollo es más sencillo separar el trabajo de los programadores y de los diseñadores bajo el paradigma MVC.