External div load + IE

**meetbryce** · 01-18-2010, 06:01 AM

Hi there,

Just wondering if you guys would be able to help me out. I've grabbed a few bits of code and put together my site but it runs horribly in IE.

Wondering if you could help me out? 70% of my users are FF users and it works fine there..

it's currently located at http://meetbryce.50webs.com/

the code is;

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Meet Bryce</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<style type="text/css">
/*<![CDATA[*/
body
   {
    background-color:#000000;
	a
   }
a
   {
color:#ffffff;
   }
#one
   {

	margin:-120px 0 0 0;
   }
object
   {
	width:100%;
	height:100%;
	border:0;
   }
 /*//]]>*/
#one {
	position: fixed;
}
#one {
	height: 70%;
}
#one {
	width: 80%;
}
li {
	display: inline;
}
.home {
	width: 80%;
}
div {
	width: 80%;
}
body {
	background-color: #666;
}
.header {
	padding-left: 20px;
}
</style>

<script type="text/javascript">
//<![CDATA[
// written by: Coothead
function updateObjectIframe(which){
    document.getElementById('one').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';
}

//]]>
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>


</head>
<body onload="MM_preloadImages('images/buttons/home_mo.png','images/buttons/blog_mo.png','images/buttons/social_networking_mo.png','images/buttons/resume_mo.png')">
<div class="header"><center>
  <img src="images/header.png" alt="Meet Bryce Dot Com" width="650" height="120" align="absmiddle" />
</center>
</div>
<div>
<center>  <ul>
    <li><a href="main.html" onclick="updateObjectIframe(this); return false;" onmouseover="MM_swapImage('home','','images/buttons/home_mo.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/buttons/home.png" alt="home" width="135" height="27" border="0" id="home" /></a> </li>
    <li><a href="http://www.meetbryce.blogspot.com" onclick="updateObjectIframe(this); return false;" onmouseover="MM_swapImage('blog','','images/buttons/blog_mo.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/buttons/blog.png" alt="blog" width="135" height="27" border="0" id="blog" /></a> </li>
    <li><a href="sn.html" onclick="updateObjectIframe(this); return false;" onmouseover="MM_swapImage('sn','','images/buttons/social_networking_mo.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/buttons/social_networking.png" alt="social networking" width="135" height="27" border="0" id="sn" /></a> </li>
  <li><a href="resume.pdf" target="_blank" onmouseover="MM_swapImage('resume','','images/buttons/resume_mo.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/buttons/resume.png" alt="resume" width="135" height="27" border="0" id="resume" /></a></li></ul></center>
<a href="http://www.google.com" onclick="updateObjectIframe(this); return false;"></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="one">
  <object id="foo" name="foo" type="text/html" data="main.html">
    <embed src="main.html"></embed>
  </object>
</div>
<p>&nbsp;</p>
</body>
</html>

**tpravioti** · 01-19-2010, 09:20 AM

fix this at your <style>:

Code:

object
   {
	width:100%;
	height:100%;
	border:none;
   }

**meetbryce** · 01-19-2010, 09:41 AM

thanks for the input, but it still looks terrible in IE.

also any idea why it asks me to install a plugin in FF when I obviously don't need one?

Thread: External div load + IE

Thread Tools

Search Thread

External div load + IE

Bookmarks

Bookmarks

Posting Permissions