Jump to content

How to get css and javascript to work with IE*


rogerio

Recommended Posts

In general, you want to test your pages on a live web server, even if it's a test server. You can change IE's security settings if that's your only alternative, but don't expect IE to behave the same way on a local network as it does on the internet.

Link to comment
Share on other sites

I have the page live, but uploading is slow when making minor changes. I found one work around, but I am still looking for the resolution and what I have googled looks like its in the registry. I will post the resolution; providing I find it... Work around: The <!-- saved from url=(0021)http://www.google.com --> must be on a separate line as shown here.<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0021)http://www.google.com --><html xmlns:o="urn:schemas-microsoft-com:office:office"xmlns:w="urn:schemas-microsoft-com:office:word"xmlns="http://www.w3.org/TR/REC-html40">

Link to comment
Share on other sites

  • 2 weeks later...
New code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Title of Document</title><style type="text/css">.popup{   position:absolute;left:0px;top:13px;width:300px;height:400px;border-style:solid;border-width:4px;border-color:blue;background-color:#000000;padding: 5px;font-family: Tahoma;/*   font-weight: bold; */font-size: 10pt;z-index:2;visibility:hidden;overflow:scroll;}/* ie bug needed to make span show*/.popup a:hover span{top:0px;}body{color:white;background-color:#000040;font-family: Tahoma;font-size: 10pt;}.link{color:blue;}.test{color:red;}.nottest{color:white;}</style><script type="text/javascript">function ShowPop(id){   document.getElementById(id).style.visibility = "visible";}function HidePop(id){   document.getElementById(id).style.visibility = "hidden";}</script></head><body><span style="position:relative;" class="test"><span id="popup3" class="popup"><a onClick="HidePop('popup3');" style="cursor:pointer;"><i>-Click in window to close-</i>this is a test</a></span><a onClick="ShowPop('popup3');" style="cursor:pointer;"><u>testing</u></a></span> </body></html>

Even with your old codes, it works in my IE8 (IE9 compatibility mode).Go to this testing page and have a look:http://lifelearning.x10.mx/test/testing.html
Link to comment
Share on other sites

Tin, it's working; see the post I made previous to yours.
No, I meant the codes in your first thread worked in my IE8. Not you newest findings. This meant there should have not been a problem posted by you on my machine.Anyway, glad ya finally got it solved.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...