I'm not sure if this is a problem or feature, but I need to figure a work around.
So.. I have a menu that when clicked loads a 2 column page layout, with several pages or "portlets" within it. These portlets are loaded into div containers using the .load function in basically a loop, for example:
The click tells the script that it needs to load page1.html, page2.html, and page3.html into the current page.
So my script does a loop to basically do a $(container).load(url);
Page1.html and Page2.html don't have any headers or css stylesheet links in it, but page3.html does. Now what happens is that on the resulting page that has all these portlets loaded basically takes on the css from Page3.html once it's loaded.
You can actually see the css on the entire site change once the load call for Page3.html comes back.
Any way to stop the browser from loading this css that's in the head tags of page3.html?
I'm using FireFox 3.6