I can't seem to figure out why the tooltips go under the other links on the following page in IE8. It works great in IE9, FF, and Chrome
http://70.183.21.131/?page_id=87
Its a problem that you are loading jquery.textshadow.js before jquery. jQuery is throwing an error that it is not loaded. Try moving the order of your scripts.
Related
I tried with everything like proper style tags and all. but still site is not working in Firefox and IE
Link: http://webkurn.com/chrysler/index.html
Thanks a lot in advance
As per your CSS Statements they apply only on webkit-based browsers (Chrome, Safari, etc.). If you are pointing to a specific browser then you have to use webkit. Here you are making your queries to run on specific browser chrome or safari.
Try removing the webkit -webkit-min-device-pixel and check. Hope this help you
Most of the time, the problem is with the cache only if all the stylesheet tags are perfectly written. First try to remove your cache from your browsers of your website.Also, there are great tools like firebug(firefox) and inspect element tools(almost all browsers) which can be used to check the stylesheet file if it is updated or not.
I going to use this sample on my new design for website http://www.xaluan.com at mobile version
this is: http://www.cssportal.com/css3-preview/demo/css-menu-ex4.html
but this hide effect not work on chrome browser..
anyone can help?
thanks a ton
regards
Your solution works only in Firefox as far as I checked (doesn't work in chrome, opera, ie, safari). To do such things it's much more preffered to use jquery or other javascript libraries.
It's bizarre.
This site works perfectly in all browsers but IE7. In ie7 NOTHING works. Most of the css just doesn't even render. IE8? Fine. Ie9 Perfect. Firefox and Chrome, of course.
Want to hear something weirder? this is a template site i have worked with before. Other sites built on essentially the same template DO work in ie7.
This is why i think whatever it is is simple.
I don't want to paste the code here - it's massive. But i'll give you a link to the site and to the css
site: http://canadianrecovery.ca
css http://canadianrecovery.ca/css/screen.css
Thing is, i have document standard set to ie9 It works fine in ie7 mode with doc standards set to ie9
But i have noticed that most IE browsers don't display default doc standards... this is obviously some sort of issue with IE itself. But it's frustrating.. most end users have no clue how to fix this.
Thanks in advance.
ella
I think I may have found the reason. In your body-style (line 13), you have the following:
font-family: "Times New Roman;
See that unclosed quote? Seems like Chrome, FF, IE9 etc can fix that error, whereas earlier versions of IE read the rest of the CSS as your font-family declaration.
Try Modernizr, it makes a lot of things possible in older/less compatible browsers without a lot of trouble. Try the development version to see if it can help you and compose your own production version targeting your specific needs to minimize the size (and speed) of the javascript library.
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Thanks everyone. I actually found a solution. Look for a js script called ie7.js and include it with conditional comments.. it solves a LOT of ie7 issues
i have got a problem on:
http://tinyurl.com/7rb66t4
it is basically this template:
http://www.display-inline.fr/demo/constellation/template/login.php
but the template works fine in Chrome, Firefox and Safari.
Just IE makes problems.
It seems you're missing the doctype attribute on the top of your file
I'm seeing some really strange css float behavior in IE and I'm trying to diagnose the issue. Is there an equivelent to Firebug or Chrome's "Inspect Element" in IE?
How do you typically debug CSS positioning issues in IE?
There are a couple of options available, IE8 has a decent developer toolbar built in, you can access it by pressing F12 or if not going into the options menu and using developer tools, it doesn't work as well as firebug, but once you are able to select an element, you can easily change the styles. Firebug lite is another option though I havent used it in IE.
Have you tried firebug lite?
IE9 has got great debugger, check it out. You can also set compatibility mode to IE8 or IE7 if you want.