In looking quickly at your "not working in IE" example, it looks to me like
it does work in IE9 but not 8. So perhaps it works like you think it does,
only you're not seeing it because of IE's idiosyncrasies? Hope I'm
correctly understanding your question.
A few common IE gotchas, if you haven't tried these already or aren't
accustomed to messing with IE much (F12 for developer tools - actually lots
of good stuff here for checking the DOM, stylesheets, network):
*Be sure that IE is pretending to be the browser you think it is - check
the browser mode and document mode listed in the developer tools menu. IE
likes to switch modes for no good reason.
*IE can also be very aggressive about caching. There are cache settings you
can change in the developer tools but I find that they don't always work. A
full cache clear is sometimes what it takes to get the latest CSS update.
On Fri, Jun 28, 2013 at 10:11 AM, Ken Irwin <[log in to unmask]> wrote:
> Hi folks,
> I've been working on integrating some Bootstrap into our library website,
> and I've stumbled on weird thing that I can't explain:
> I'm using the basic bootstrap templates, straight out of the box with no
> customization, and the CSS feature that compresses the header on narrow
> screens doesn't work on IE(v9) on my library web server. But exactly the
> same code on my personal server works just fine. Both sets of code work
> fine in Chrome and Firefox. Both servers are some mix of Linux+Apache.
> Why would the same css work on one server but not another?
> I ran Fiddler to be sure that the css was actually being called, and it is.
> I wonder if others will get the same results.
> Working in IE:
> Out of the box "hero" template:
> Just the responsive header (no JS, just relies on 2 css files):
> Not working on IE:
> Any ideas? I'm mystified...