PDA

View Full Version : 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;


<!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>:


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?