[SOLVED] IE is horrible....no sure what is going on.

[NerdConcepts]

Ok, here is the deal, I've been getting into AJax and what not, figured out how to use more then one AJax "instance" (not sure what it is called). But well built something really nice working and looking...in Firefox. Tested it in IE7 and when the content area loads something that has a larger height then the right table (contents a menu) it just stops display content.

 

here is my page code.

 

<table border="0" cellpadding="0" cellspacing="0" width="900" align="center">
<tr valign="bottom">
	<td>
                   Top coding
	</td>
	<td class="Logo"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="900" align="center">
<tr valign="top">
	<td width="682" align="center">
                     <div class="contentDark"><div id="content"><?PHP include(INCLUDES_CONTENT); ?></div></div>
	</td>
	<td>
		<?PHP include(INCLUDES_RIGHTSIDE); ?>
	</td>
</tr>
</table>

 

here is my "content" Ajax coding.

content is loaded with...

<a href="" onclick="javascript:ajaxpage('includes/content.php?index', 'content'); return false;">

above would be like a home page...other have more complex php stuff.

content loads in and out just fine in Firefox but with IE is stops displaying at the bottom of the "right side"

oh and on a side not....IE doesn't display DIVs near like firefox does and it horrible dealing with it.

 

 

/***********************************************
* 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
***********************************************/

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
	}
}
}

[NerdConcepts]

Ok well after a mild rewrite of my test code it's fixed....I guess to make things work perfect you have to table everything out. That away it adjusts the full height of the table rows instead of trying to use a div and visibility settings....I know now...sorry for the useless topic.