in ie it doesnt display anything(completly blank)
and in firefox it works perfect..
here are my files (u dont need the images to test it .. do u ..?)
index.js
index.cssCode:function newXMLHTTP()
{
var ret = null;
try
{
ret = new XMLHttpRequest();
}
catch(e)
{
try
{
ret= new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
ret = new ActiveXObject("Microsoft.XMLHTTP")
}
}
return ret
}
function navigate(page)
{
if(!document.navigate_content)
{
document.navigate_content = document.getElementById('content');
if(!document.navigate_content)
return;
}
if(!document.navigate_http)
{
document.navigate_http = newXMLHTTP();
if(!document.navigate_http)
{
document.navigate_content.innerHTML = 'Deze browser ondersteunt geen XMLHttpRequest.';
return;
}
}
if(!document.navigate_load)
{
document.navigate_load = document.getElementById('load');
if(document.navigate_load)
document.navigate_load.style.visibility = 'visible';
}
else
document.body.appendChild(document.navigate_load);
try
{
document.navigate_http.open("GET", page, false);
document.navigate_http.send(null);
}
catch(e)
{
document.navigate_content.innerHTML = 'Pagina \'' + page + '\' kon niet worden opgehaald (' + String(e).split('(')[1].split(')')[0] + ').';
}
if(document.navigate_http.readyState == 4)
document.navigate_content.innerHTML = document.navigate_http.responseText ?
document.navigate_http.responseText :
'Deze pagina heeft geen text.';
document.navigate_load = document.navigate_load.parentNode.removeChild(document.navigate_load);
delete document.navigate_http;
document.navigate_http = null;
}
index.htmlCode:BODY, A, TABLE, TR, TD, IMG, DIV, SPAN, IFRAME
{
background: transparent;
border: 0;
border-collapse: collapse;
border-spacing: 0;
color: black;
cursor: default;
empty-cells: show;
font-weight: bold;
margin: 0;
overflow: hidden;
padding: 0;
vertical-align: top;
table-layout: fixed;
text-align: left;
}
BODY
{
margin: 1%;
margin-bottom: 0;
overflow: auto;
}
DIV.lnk, A, A:link, A:visited, A:focus, A:active
{
border: 1px solid transparentk;
color: white;
text-decoration: none;
}
DIV.lnk
{
width: 96%;
}
DIV.lnk:hover, a:hover
{
-moz-opacity: 0.85;
background: white;
border: 1px solid black;
color: #3399cc;
filter: alpha(opacity = 85);
opacity: 0.85;
}
IFRAME#noscript_fix
{
height: 0;
position: fixed;
visibility: hidden;
width: 0;
}
IMG#bg
{
-moz-user-select: none;
height: 100%;
position: fixed;
margin: -1%;
width: 100%;
z-index: 0;
}
IMG#load
{
-moz-user-select: none;
border: 1px solid black;
left: 45%;
position: fixed;
top: 45%;
visibility: hidden;
z-index: 255;
}
DIV.block
{
background: #3399cc;
border: 1px solid black;
}
DIV.block DIV.title
{
-moz-user-select: none;
background: url(img/title_bg.jpg) repeat-x;
border-bottom: 1px solid black;
text-align: center;
}
DIV.block DIV.content
{
padding: 3%;
}
DIV.border
{
-moz-opacity: 0.85;
background: darkgrey;
border: 1px solid black;
filter: alpha(opacity = 85);
opacity: 0.85;
padding: 2%;
position: relative;
width: 96%;
}
DIV.border DIV.banner
{
-moz-user-select: none;
background: url(img/banner_bg.jpg) repeat-x;
border: 1px solid black;
height: 150px;
width: 100%;
}
DIV.border TABLE.interface
{
width: 100%;
}
DIV.border TABLE.interface TD.space
{
height: 3%;
width: 3%;
}
DIV.border TABLE.interface TD.menu
{
-moz-user-select: none;
width: 15%;
}
DIV.border TABLE.interface TD.content
{
width: 82%;
}
DIV.border DIV.block DIV#footer
{
-moz-user-select: none;
font-size: x-small;
padding: 0.5%;
text-align: center;
}
Code:<HEAD>
<TITLE>CJ's Portofolio</TITLE>
<LINK rel="stylesheet" type="text/css" href="index.css"/>
<SCRIPT type="text/javascript" src="index.js"/>
<BODY onload="navigate('pages/home.html')">
<IFRAME name="noscript_fix" id="noscript_fix"></IFRAME>
<IMG id="bg" src="img/bg.jpg"/>
<IMG id="load" src="img/load.gif"/>
<DIV class="border">
<DIV class="banner">
<IMG src="img/banner.jpg">
</DIV>
<BR/>
<TABLE class="interface">
<TD class="menu">
<DIV class="block">
<DIV class="title">
<IMG src="img/menu.jpg">
</DIV>
<DIV class="content">
<DIV class="lnk" onclick="navigate('pages/home.html')">Home</DIV>
<DIV class="lnk" onclick="navigate('pages/gegevens.html')">Gegevens</DIV>
<DIV class="lnk" onclick="navigate('pages/hobbies.html')">Hobbies</DIV>
<DIV class="lnk" onclick="navigate('pages/werk_ervaring.html')">Werkervaring</DIV>
<DIV class="lnk" onclick="navigate('pages/competenties.html')">Competenties</DIV>
<DIV class="lnk" onclick="navigate('pages/school_ervaring.html')">School ervaring</DIV>
<TD class="space">
<TD class="content">
<DIV class="block">
<DIV class="title">
<IMG src="img/content.jpg">
</DIV>
<DIV class="content">
<DIV id="content">
<NOSCRIPT>
Om deze website te kunnen browsen heeft u javascript nodig, zet deze aan aub.
</NOSCRIPT>
</TABLE>
<BR/>
<DIV class="block">
<DIV class="content" id="footer">
© <A href="http://shinyu.m-ka.net" target="_blank">Shinyu Studios</A> - 2007