Code broken in IE - Help School Teacher

•

What is DaniWeb IT Discussion Community?

You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 428,064 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,463 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 372 | Replies: 4

•

Join Date: Dec 2007

Posts: 17

Reputation: plarsen111 is an unknown quantity at this point

Rep Power: 1

Solved Threads: 0

plarsen111 plarsen111 is offline

Offline

Newbie Poster

Code broken in IE - Help School Teacher

May 16th, 2008

Hi,

My web page looks fine in FireFox, but broken in IE.

http://www.hmstechnology.com/

Does anyone know how I can fix this?

Thanks,

Phil

You can probably view the code even though I use frames, but here is the code with CSS.

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
  with(navigator){
    var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){  
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer =  parseFloat(verMajor + "." + verMinor);
        }
      }
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
 
      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
 
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
      }
    }
  } 
}
</script>
<style type="text/css">
<!--
body {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif
}
body,td,th {
	color: #000000;
}
a:link {
	color: #FF0000;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FF0000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
 
h1 {
	font-size:36px;
	text-align:left;
	letter-spacing:1px;
	border-top: 1px solid;
	border-left: 2px solid;
	padding:15px;
	margin-left:25px;
	margin-top:25px;
	}
 
#assignmentblock {
	width:30%;
	height:400px;
	}
 
#assignmentblock p {
	padding:15px;
	font-size:18px;
	border-left: 2px solid;
	}
 
.lesson {
    font-size: 14px;
	color:#FF0000;
	}
 
#extras {
	position: absolute;
	top:28px;
	left:300px;
	width:400px;
	border: 2px solid;
	margin-left:30px;
	padding:18px;
	font-size:22px;
	color:#666666;
	}
 
img {
	float:left;
	margin:15px;
	}
 
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
 
<body alink="#ffffff" onLoad="MM_CheckFlashVersion('7,0,0,0','Got Flash?  Download here!');">
 
<div id="assignmentblock">
 
     <h1>6th Grade<br>
      <span class="lesson">We are either starting a new assignment or having another Make-Up Free Day.  You get to vote!</span>
	 </h1>
 
	<h1>7th Grade<br>
      <span class="lesson">We are either starting a new assignment or having another Make-Up Free Day.  You get to vote!</span>
	 </h1>
 
	 <h1>8th Grade<br>
      <span class="lesson">We are either starting a new assignment or having another Make-Up Free Day.  You get to vote!</span>
	 </h1>
 
</div>
 
<div id="extras">
<p><img src="owen.jpg" height="241" width="182">Owen got a little case of pnemonia. Doing much better now. He spent a few nights in the hospital. He didn't like the "pokes", but he sure did get a lot of toys.
</p>
</div>
 
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
  with(navigator){
    var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){  
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer =  parseFloat(verMajor + "." + verMinor);
        }
      }
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;

      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
  
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
      }
    }
  } 
}
</script>
<style type="text/css">
<!--
body {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif
}
body,td,th {
	color: #000000;
}
a:link {
	color: #FF0000;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FF0000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}

h1 {
	font-size:36px;
	text-align:left;
	letter-spacing:1px;
	border-top: 1px solid;
	border-left: 2px solid;
	padding:15px;
	margin-left:25px;
	margin-top:25px;
	}
	
#assignmentblock {
	width:30%;
	height:400px;
	}
	
#assignmentblock p {
	padding:15px;
	font-size:18px;
	border-left: 2px solid;
	}
	
.lesson {
    font-size: 14px;
	color:#FF0000;
	}
	
#extras {
	position: absolute;
	top:28px;
	left:300px;
	width:400px;
	border: 2px solid;
	margin-left:30px;
	padding:18px;
	font-size:22px;
	color:#666666;
	}
	
img {
	float:left;
	margin:15px;
	}

-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body alink="#ffffff" onLoad="MM_CheckFlashVersion('7,0,0,0','Got Flash?  Download here!');">

<div id="assignmentblock">

     <h1>6th Grade<br>
      <span class="lesson">We are either starting a new assignment or having another Make-Up Free Day.  You get to vote!</span>
	 </h1>

	<h1>7th Grade<br>
      <span class="lesson">We are either starting a new assignment or having another Make-Up Free Day.  You get to vote!</span>
	 </h1>
	 
	 <h1>8th Grade<br>
      <span class="lesson">We are either starting a new assignment or having another Make-Up Free Day.  You get to vote!</span>
	 </h1>
	
</div>

<div id="extras">
<p><img src="owen.jpg" height="241" width="182">Owen got a little case of pnemonia. Doing much better now. He spent a few nights in the hospital. He didn't like the "pokes", but he sure did get a lot of toys.
</p>
</div>

</body>
</html>

Last edited by peter_budo : May 16th, 2008 at 5:08 pm. Reason: Keep It Organized - please use [code] tags

•

Join Date: Dec 2004

Location: London or Slovakia

Posts: 2,467

Reputation: peter_budo is a jewel in the rough

Rep Power: 11

Solved Threads: 296

peter_budo peter_budo is offline

Offline

Code tags enforcer

Re: Code broken in IE - Help School Teacher

May 16th, 2008

No, page is looking wrong in both browsers. Two of your DIV tags are overlaping

Help with Code Tags

(Toggle Plain Text)

#assignmentblock {
	width:30%;
	height:400px;
	}	

#extras {
	position: absolute;
	top:28px;
	left:300px;
	width:400px;
	border: 2px solid;
	margin-left:30px;
	padding:18px;
	font-size:22px;
	color:#666666;
	}

This tutorial will help you solve your problem. If however you can't work it out just let me know I will correct it and explain

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.

•

Join Date: May 2008

Posts: 14

Reputation: jhaycutexp is an unknown quantity at this point

Rep Power: 1

Solved Threads: 3

jhaycutexp jhaycutexp is offline

Offline

Newbie Poster

Re: Code broken in IE - Help School Teacher

May 16th, 2008

it looks fine in IE to me... just for some extra spacing to the sides

add this to your css teach

*{margin:0;
padding:0;
}

•

Join Date: Jan 2007

Posts: 2,556

Reputation: MidiMagic is on a distinguished road

Rep Power: 7

Solved Threads: 115

MidiMagic

Offline

Posting Maven

Re: Code broken in IE - Help School Teacher

May 17th, 2008

It's the same (and working) in both browsers for me.

Daylight-saving time uses more gasoline

•

Join Date: Dec 2004

Location: London or Slovakia

Posts: 2,467

Reputation: peter_budo is a jewel in the rough

Rep Power: 11

Solved Threads: 296

peter_budo peter_budo is offline

Offline

Code tags enforcer

Re: Code broken in IE - Help School Teacher

May 17th, 2008

That will be because plarsen111 removed this section from original code

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<div id="extras">
<p><img src="owen.jpg" height="241" width="182">Owen got a little case of pnemonia. Doing much better now. He spent a few nights in the hospital. He didn't like the "pokes", but he sure did get a lot of toys.
</p>
</div>
<div id="extras">
<p><img src="owen.jpg" height="241" width="182">Owen got a little case of pnemonia. Doing much better now. He spent a few nights in the hospital. He didn't like the "pokes", but he sure did get a lot of toys.
</p>
</div>

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.