Win a copy of TDD for a Shopping Website LiveProject this week in the Testing forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Jeanne Boyarsky
  • Tim Cooke
Sheriffs:
  • Liutauras Vilda
  • paul wheaton
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Tim Holloway
  • Stephan van Hulst
  • Carey Brown
  • Frits Walraven
Bartenders:
  • Piet Souris
  • Himai Minh

CSS was ignored due to mime type mismatch

 
Greenhorn
Posts: 17
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Dear colleagues,

I’m seeking help to try to solve a problem that is desperating me!!!

I have a JSP where I include the following CSS and JavaScript files like this:



It seems that everything must be OK, but the JSP appears on the navigator, I realize that the CSS and JavaScript files are ignored…

In the IE Web Console I get the error message “"CSS was ignored due to mime type mismatch" …

I can’t understand the reason of this message. As you can see, I state rel="stylesheet" type="text/css" .

It must be something very stupid, but so far I was not able to find the root of this error.

Hope someone could give me a helping hand…

Thank you very much in advance for your attention.

Kind regards.

 
author & internet detective
Posts: 41073
848
Eclipse IDE VI Editor Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Could your server be sending back a http header with each of the requests? Maybe it defaults to a specific MIME type?
 
Likos Anthropous
Greenhorn
Posts: 17
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Jeanne Boyarsky wrote:Could your server be sending back a http header with each of the requests? Maybe it defaults to a specific MIME type?



Dear Jeanne,

Thank you very much for your quick response. I'm using Apache Tomcat 7.0.34.0 and I did not have this situation in any of my previous experiences.

Sorry but, as I'm not very much experienced yet in Web Programming, I don't know how to check the header sent back by the server :(...

Thanks again.

Regards.
 
Sheriff
Posts: 67634
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
IE is notorious for misleading messages. I'd open the page in Chrome and use its network tools.

Also, I'd advise against using page-relative URLs to refer to the resources. See the JspFaq for more info.
 
Likos Anthropous
Greenhorn
Posts: 17
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Bear Bibeault wrote:IE is notorious for misleading messages. I'd open the page in Chrome and use its network tools.

Also, I'd advise against using page-relative URLs to refer to the resources. See the JspFaq for more info.



Thanks Bear,

I changed the resources path using ${pageContext.request.contextPath}, now remains like this:



But now the messages I get in the Google Chrome Console are the following:

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8084/Shambala/Estilos/lksMenuSkin3.css". localhost/:16
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8084/Shambala/Estilos/styleCSS3Menu.css". localhost/:17
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8084/Shambala/Estilos/validacion.css". localhost/:18
Resource interpreted as Script but transferred with MIME type text/html: "http://localhost:8084/Shambala/JS/jquery-1.4.2.min.js". localhost/:20
Resource interpreted as Script but transferred with MIME type text/html: "http://localhost:8084/Shambala/JS/jquery.lksMenu.js". localhost/:20
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8084/Shambala/Estilos/style.css".


I think we'e getting closer...

Thanks.

 
Bear Bibeault
Sheriff
Posts: 67634
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
What is serving these resources?
 
Likos Anthropous
Greenhorn
Posts: 17
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Bear Bibeault wrote:What is serving these resources?



I'm using Apache Tomcat 7.0.34.0. The JSP page is loaded from a servlet through the following code:



Hope it helps.

Thanks.
 
Marshal
Posts: 27211
87
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Do you perhaps have a filter which specifies "text/html" as the MIME type, and which is being applied to your CSS and JS files?
 
Likos Anthropous
Greenhorn
Posts: 17
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Paul Clapham wrote:Do you perhaps have a filter which specifies "text/html" as the MIME type, and which is being applied to your CSS and JS files?



Thanks for your answer Paul.

I do have a filter but I belive has nothing to do with the MIME type. Anyway I post the code below, just in case you note something odd...



 
Paul Clapham
Marshal
Posts: 27211
87
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I don't see any special handling for ".css" so I suppose if the filter does handle those files, it would forward to your "controlador" parameter. Perhaps that applies the MIME type?
 
Bear Bibeault
Sheriff
Posts: 67634
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Why is your filter even mapped for any static resource? You shouldn't even have images, scripts or stylesheets going through the filter.
 
Likos Anthropous
Greenhorn
Posts: 17
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Bear Bibeault wrote:Why is your filter even mapped for any static resource? You shouldn't even have images, scripts or stylesheets going through the filter.



Well, this is some kind of "inherited code"..., but now it seems that I found where the mistake was...

As you can see there is an if sentence that checks the file extension and in case of .gif and .jpg, it allows the file to go through... I also included here .css and .js files and now these resources are loaded...

Is that what you meant by mapping static resources?

I don't know if this is the best way to proceed, maybe not, but at least the problem is solved...


Thank you Jeanne, Paul & Bear for all our support.
 
Bear Bibeault
Sheriff
Posts: 67634
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I mean that the filter should be mapped in the deployment descriptor such that it never even gets called for resources that it doesn't care about. Checking for images and such in the filter is, as you have discovered, fragile and a poor way to go about it.
 
Paul Clapham
Marshal
Posts: 27211
87
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I have to admit, the last time I wrote a web application I had code just like that in my filter. (Which is probably why I could point out the problem here.) That's because I couldn't figure out how to configure the filter to be triggered for "everything except" a certain list of patterns. I'm sure I wouldn't be hijacking the thread if I asked for an example of how to do that.
 
Bear Bibeault
Sheriff
Posts: 67634
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Admittedly it's a lot easier when using a Front Controller as there's just one url pattern to worry about. This is what I always do. Otherwise, you need to map a bunch of stuff and the deployment descriptor is kinda messy.
 
look! it's a bird! it's a plane! It's .... a teeny tiny ad
free, earth-friendly heat - a kickstarter for putting coin in your pocket while saving the earth
https://coderanch.com/t/751654/free-earth-friendly-heat-kickstarter
reply
    Bookmark Topic Watch Topic
  • New Topic