In firefox, column resizing works fine. But in ie7, it's broken.
Here's a thread about flexigrid broken from jquery 1.3, I've tried the suggested edits to the flexigrid code, didnt work.
We're currently using jquery 1.3, although i've tried 1.3.1 & 1.3.2, neither fixed the problem.
While inspecting the css in ie7, I noticed <div class="cDrag"> (the div that contains the styles for dragging columns) was way to the right of my grid.
Has anyone experienced anything similar?
IE7 requires the following at the top of the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Related
I am having an IE not implemented JavaScript error and it seems not to have anything to do with what ive been reading on so far on this website.
Im using jquery.simplemodal plugin which works fine in all browsers except IE unless I change the doctype to
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
IE is pointing the error to the first line of the following code (I mean the line in bold):
s.removeExpression('height');
s.removeExpression('width');
s.setExpression('height',''+bsh+' > '+bch+' ? '+bsh+' : '+bch+' + "px"');
s.setExpression('width',''+bsw+' > '+bcw+' ? '+bsw+' : '+bcw+' + "px"');
How can I make it work in IE while using a doctype different from
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
(I would like to use this doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">)
The plugin is available at http://lescracks.com/jquery.simplemodal.js . IE detects the error at line 142.
Thanks
One more thing, it also works fine in IE with the Compatibility view enabled.
.setExpression() and .removeExpression() are non-standard methods. In IE8 Microsoft removed support for them in standards mode (which the XHTML doctype triggers) because they were trying to make their browser more standards-compliant.
There's an issue in simplemodal's issue bug tracker discussing this. Apparently it has been fixed in version 1.4.1, but you're using 1.2.2. They must have stopped relying on these methods; you'll have to upgrade.
I was trying to integrate Slimbox into my web page, but couldn't get it to work properly. For some reason, the popup is centered on the whole page, not just its visible part. Here's an example of the situation: here.
I tested it in Firefox and Chrome on Linux and Slimboxes on other web pages look fine. Any idea how to get it working?
Also remember about <!DOCTYPE html> in HTML5 documents.
In my case, this turned out to be important in Slimbox 2.05!
So I change the doctype from HTML 4.0 Transitional to XHTML 1.0 Transitional and it works like magic. Does anybody know why? There's something about having a XHTML doctype in Slimbox 1 readme, but they don't mention it in the readme to version 2.
I am having an IE not implemented JavaScript error and it seems not to have anything to do with what ive been reading on so far on this website.
Im using jquery.simplemodal plugin which works fine in all browsers except IE unless I change the doctype to
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
IE is pointing the error to the first line of the following code (I mean the line in bold):
s.removeExpression('height');
s.removeExpression('width');
s.setExpression('height',''+bsh+' > '+bch+' ? '+bsh+' : '+bch+' + "px"');
s.setExpression('width',''+bsw+' > '+bcw+' ? '+bsw+' : '+bcw+' + "px"');
How can I make it work in IE while using a doctype different from
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
(I would like to use this doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">)
The plugin is available at http://lescracks.com/jquery.simplemodal.js . IE detects the error at line 142.
Thanks
One more thing, it also works fine in IE with the Compatibility view enabled.
.setExpression() and .removeExpression() are non-standard methods. In IE8 Microsoft removed support for them in standards mode (which the XHTML doctype triggers) because they were trying to make their browser more standards-compliant.
There's an issue in simplemodal's issue bug tracker discussing this. Apparently it has been fixed in version 1.4.1, but you're using 1.2.2. They must have stopped relying on these methods; you'll have to upgrade.
I have a very strange issue going on here. It's only occurring on Internet Explorer (what a surprise).
Basically I'm trying to fix a site that was given to me after some third-rate developers finished it and obviously did not test on IE.
They've setup a javascript slideshow, now on the pages with the slideshow active, the whole enclosing "body_section" div is being pushed all the way to the left. Have a look for yourselves:
http://sapaconstruction.com.au/sapa/
That's the homepage which floats everything to the left. Now on this page:
http://sapaconstruction.com.au/sapa/?page_id=4
Everything looks normal, so it must have something to do with the javascript slideshow. Here's what the javascript they've written looks like (it's embed on the page).
<script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/compressed.js"></script>
<script type="text/javascript">
$('homeslideshow').style.display='none';
$('wrapper').style.display='block';
var homeslideshow=new TINY.slideshow("homeslideshow");
window.onload=function(){
homeslideshow.auto=true;
homeslideshow.speed=5;
homeslideshow.init("homeslideshow","image","imgprev","imgnext","imglink");
}
</script>
Any help with this issue would be amazing, I've wracked my brain for hours trying hacks and margin fixes and things like that.
Well, I can tell you this. This site has way more problems than just that. In looking at the source, there is a div that comes before the html node. I would first of all fix that, as even in firefox, this is causing some strange things to happen. As a matter of fact, I think this "ieonly" div is what is causing the issue, as in IE this div becomes the wrapper in the body. Whoever built this site was not very familiar with cross browser design, and tried to bake in way too many IE hacks.
EDIT:
The problem was IE was in quirks mode due to the lack of a doctype. The following doctype should work:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
The page in question
Please open the page in whatever browser you normally use and confirm that the menu bar immediately precedes the map. Next, open the page in IE8 and see that it inserts whitespace (roughly the height of the menu bar). Even if you use IE7, the whitespace doesn't appear. This has been bothering me for a while and I haven't been able to find an adequate solution.
Thanks.
And you want us to debug obfuscated javascript? :-)
All I can tell you is that
1) You're not using the (Google Maps v2) recommended DOCTYPE with a Strict DTD:
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ref: Google Maps API V2 Doc.
That will switch IE into "Standards Compliant Mode" (According to Microsoft, anyway)
2) Try using the IE7 compatibility tag:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
That must be the first META tag and before any CSS.
Even MS' own Bing maps use it. :-)
U wanna try the IE compatibility view?
I have no issue after using that.
I tested w/o compatibility view and saw the space
You have not explicitly set margins for header tags but you are using them in some of the supposedly hidden elements up there near your header. This should fix your issue:
h2 { margin: 0; }