Hello.
I have encountered a strange problem with conditional css loading when a page uses AJAX.
I have a conditional block in the "header" that says that the css file testIE7.css should only be loaded by Internet Explorer 7.
Everything works fine when viewing the page in Firefox, until I try to make an AJAX call. The first AJAX call that occurs on the page will also load the testIE7.css file and affects the layout. I have verified that both css files are loaded using firebug and through the example provided here.
As a simple example look at the following files:
testIE7.css:
.button {
color: Red;
}
test.css:
.button {
color: Green;
}
When the hyperlink is pressed, the text will change color from the one specified in the test.css to the one specified in the testIE7.css file.
Thanks in advance,
- Joel
I have encountered a strange problem with conditional css loading when a page uses AJAX.
I have a conditional block in the "header" that says that the css file testIE7.css should only be loaded by Internet Explorer 7.
Everything works fine when viewing the page in Firefox, until I try to make an AJAX call. The first AJAX call that occurs on the page will also load the testIE7.css file and affects the layout. I have verified that both css files are loaded using firebug and through the example provided here.
As a simple example look at the following files:
testIE7.css:
.button {
color: Red;
}
test.css:
.button {
color: Green;
}
When the hyperlink is pressed, the text will change color from the one specified in the test.css to the one specified in the testIE7.css file.
Thanks in advance,
- Joel