This might work since you said you dont care about IE i took out your if statements.
Also the content is now a class so make that .content instead of #content.
This brings it down to 6 not sure if it'll display everything the way it should so I'd wait for someone else that's a little better to look at it.
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">
<head>
<!-- charset must remain utf-8 to be handled properly by Processing -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="add relevant metadata automatically to the images you download with this meta FireFox extension" />
<link rel="shortcut icon" href="http://www.projectmio.com/imagery/meta/favicon_w.ico"/>
<title>met.a</title>
<style type="text/css">
/* <![CDATA[ */
body {
margin: 0px 0px 0px 100px;
font-family: Century Gothic;
font-size: 11px;
background-color: #white;
text-decoration: none;
font-weight: normal;
line-height: normal;
}
p {font-family: Century Gothic}
a { color: #3399cc; }
a:link { color: #3399cc; text-decoration: underline; }
a:visited { color: #3399cc; text-decoration: underline; }
a:active { color: #3399cc; text-decoration: underline; }
a:hover { color: White; text-decoration: underline; background-color:#797979}
/* ]]> */
h2.pos_abs
{
position:absolute;
left:836px;
bottom:0px;
margin:0px;
}
h3.pos_abs
{
position:absolute;
left:75%;
top:100px;
margin:0px;
font-family: arial;
font-size:33px;
color: #797979;
}
.pos_abs
{
position:absolute;
left:839px;
top:100%;
margin:0px;
}
.pos_abs2
{
position:absolute;
left:70%;
top:196%;
color: white;
}
#leftcolumn{
float:left;
width:150px;
height: 200px;
border: 0px;
padding: 5px;
padding-left: 8px;
}
#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid gray;
}
#leftcolumn a:hover{
background-color: #797979;
}
#rightcolumn{
float:left;
width:550px;
min-height: 200px;
border: 0px;
margin-left: 10px;
padding: 5px;
padding-bottom: 0px;
}
img {
border:0;
}
</style>
<script type='text/javascript' src='http://www.projectmio.com/code/meta/softscroll.js'></script>
<script type='text/javascript'>
// SoftScroll.go("section20");
</script>
<script type="text/javascript">
/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
***********************************************/
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
</script>
<script type="text/javascript">//<![CDATA[
function JumpToAnchor(anchorName)
{
SoftScroll.init();
SoftScroll.go(anchorName);
}
//]]>
</script>
</head>
<body onload="moveWindow()" style="overflow: hidden">
<script type='text/javascript' src='breakinorout.js'>
</script>
<div id="frontBottom"></div>
<div class="content">
<div id="attempt8_container">
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab"
width="600" height="600" standby="Loading Processing software..." >
<param name="code" value="attempt8" />
<param name="archive" value="/code/meta/attempt8.jar,/code/meta/core.jar" />
<param name="mayscript" value="true" />
<param name="scriptable" value="true" />
<param name="image" value="loading.gif" />
<param name="boxmessage" value="Loading Processing software..." />
<param name="boxbgcolor" value="#FFFFFF" />
<param name="test_string" value="inner" />
<p>
<strong>
This browser does not have a Java Plug-in.
<br />
<a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
Get the latest Java Plug-in here.
</a>
</strong>
</p>
</object>
</div>
</div>
<div class="pos_abs">
<div class="content">
<div id="half_Ocillation_Recursion_v4a_container">
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab"
width="100" height="100" standby="Loading Processing software..." >
<param name="code" value="half_Ocillation_Recursion_v4a" />
<param name="archive" value="/code/meta/half_Ocillation_Recursion_v4a.jar,/code/meta/core.jar" />
<param name="mayscript" value="true" />
<param name="scriptable" value="true" />
<param name="image" value="loading.gif" />
<param name="boxmessage" value="Loading Processing software..." />
<param name="boxbgcolor" value="#FFFFFF" />
<param name="test_string" value="inner" />
<p>
<strong>
This browser does not have a Java Plug-in.
<br/>
<a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
Get the latest Java Plug-in here.
</a>
</strong>
</p>
</object>
</div>
</div>
</div>
<h2 class="pos_abs">
<a href="#Bottom" onclick="JumpToAnchor('Bottom'); return(false);"><img src="/imagery/meta/buttonsettle1a.png" alt="image" /></a></h2>
<h3 class="pos_abs">
met.a<br /></h3>
<div id="leftcolumn">
<a href="javascript:ajaxpage('/code/meta/what.htm', 'rightcolumn');">☃ What is <b>met.a</b> ??</a>
<a href="javascript:ajaxpage('/code/meta/guts.htm', 'rightcolumn');">☃ <b>met.a</b> has guts</a>
<a href="javascript:ajaxpage('/code/meta/osx.htm', 'rightcolumn');">☃ <b>met.a</b> on Mac OSX</a>
<a href="javascript:ajaxpage('/code/meta/win.htm', 'rightcolumn');">☃ <b>met.a</b> on Vista</a>
<a href="javascript:ajaxpage('/code/meta/thoughts.htm', 'rightcolumn');">☃ Thoughts behind <b>met.a</b></a>
<a href="javascript:ajaxpage('/code/meta/changelog.htm', 'rightcolumn');">☃ changelog</a>
<a href="javascript:ajaxpage('/code/meta/feedback.htm', 'rightcolumn');">☃ feedback</a>
<script type="text/javascript">
ajaxpage('/code/meta/what.htm', 'rightcolumn')
</script>
</div>
<div id="rightcolumn"><h3>Choose a page to load.</h3></div>
<div style="clear: left; margin-bottom: 1em"></div>
<div class="pos_abs">
<div id='Bottom'>_</div>
</div></body>
</html>
w3c validation 2 errors.. DOCTYPE related prob.
Reply With Quote
You'll probably get a lot more once you fix it.
Bookmarks