AJAX + Divs + Firefox = Problems?

Ok I have a new issue that I can't seem to find an answer to. So this hospital site that our design studio picked up a while ago (mostly probono) and they bought a news feed that uses AJAX to bring in content. I works just fine in IE but in Firefox it causes div to act-up. ***don't have enogh post? or day in here*****is the area… the rest of the site works fine… It’s validated from top to bottom, gone over with a fine toothed comb, making it section 508 compliant, and only break when this AJAX is placed in. But this is of course in the opinion of the programmer is my fault that the error is popping up… So in due diligence I am tracking it down… Could someone take a quite glace and let me know if you see anything that stands out…

The only things I think it could be is:

• after the page load the divs and what not gets set and does not reset when AJAX load content
• There is something out of place in the output of the AJAX
• ???

If you’d like my to post the code I’d be happy to but for space I’ll just let you do a view source and save an electron from being harvested in the creation of the post. Thanks for any help and information. Laters

***edit*****
i guess i don't have enough time here to have someone to look at the hospital site... I'll pull all the code together i guess... unless someone has a better idea lol... i'm open to anything laters

 

We need a link

 

lol... i know... i just don't have the access yet here to do so i think.... i need 10 posts (which this will be) and 7 days... I'll try again after this post... thank you for the help...

 

ok i tryed... here may-be this will work...
sjrmc.org/St_Joe_Core/staff-content/health-news/

 

ok that did.. don't mind the menu... i have been switching this out as the program said in his mind that it was the root of the problem... but i took it out all together and no change... and ideas would be great... thank you again...

 

Not sure where you're referring to but this little section is missing one </div> tag:

<!--start HEALTHDAY NEW FEED content here-->
<div class="newsLeft">
<div class="HNtop">
<div id="hd_l72102" class="hdjson list4">
<span class="cfg" style="display: none">

clientId = "ADDAC03E";
newsFeed = "P";
newsType = "24";
topics = "";
category = "";
numberReturn = "6";
landingUrl = "/St_Joe_Core/staff-content/health-news/articles";
</span>
</div>
</div>
<div id="healthdaySearchTitle">Search Health News Here</div>
<div id="healthdaySearch" class="searchBox">
<span class="cfg" style="display: none">

clientId = "ADDAC03E";
newsFeed = "P";
landingUrl = "/St_Joe_Core/staff-content/health-news/results";
</span>
</div>
</div>

<!--EOF HEALTHDAY NEW FEED content here-->

 

did you add the div? this other wise it lines up and is that same is what i have... ?... every thing on my side validates...

<div class="newsLeft">
	<div class="HNtop">
		<div id="hd_l72102" class="hdjson list4">
		<span class="cfg" style="display: none">

		clientId = "ADDAC03E";
		newsFeed = "P";
		newsType = "24";
		topics = "";
		category = "";
		numberReturn = "6";
		landingUrl = "/St_Joe_Core/staff-content/health-news/articles";
		</span>
		</div>
	</div>
	<div id="healthdaySearchTitle">Search Health News Here</div>
	<div id="healthdaySearch" class="searchBox">
		<span class="cfg" style="display: none">

		clientId = "ADDAC03E";
		newsFeed = "P";
		landingUrl = "/St_Joe_Core/staff-content/health-news/results";
		</span>
	</div>
</div>

Code (markup):

plus if i take out ...

<span class="cfg" style="display: none">

		clientId = "ADDAC03E";
		newsFeed = "P";
		newsType = "24";
		topics = "";
		category = "";
		numberReturn = "6";
		landingUrl = "/St_Joe_Core/staff-content/health-news/articles";
		</span>

Code (markup):

everything works again... lol... that was that first issue we went over ... this is a muddy issue right now... the issue only happens after the content from the AJAX is loaded... right before it is ... if you look at the whole page, everything seems fine... then boom AJAX loads the content and it broke... lol... It is stumping me...

 

Is AJAX pulling in only variables or is it pulling in straight HTML? If it's the latter, maybe it's missing some end tags?

I'm a novice at AJAX, so this is only a guess.

 

it's pulling in HTML... i told them i thought it was missing some tag... but i don't know... i even looked at the JS that is linked at the top...

****edit****
So i was thinking that may-be the divs are not updating... or the DOM is not reacting... or ??? this is only a problem in FF just thoughts on things i don't know lol

 

try using firebug to browse the DOM

 

well i was useing that DOM inspector that comes with firefox, but i didn't see anything out of the norm... is firebug better then the DOM inspector?

 

installed firebug... nice... i like that alot... don't help me find the root of the issue but nice...

 

Ok so I think I have the root to the problem figured out... the solution... well that is a different story... So the issue? Well it is the table that is not resizing well the ajax load the content… if any one has any ideas on how to fix this please please please I need the help on that… I’v been looking on google left and right and have come up with nothing so far… I have to fix this by Thursday… or at least that is the soft deadline… always nice to get pushed on a site like this lol… thanks you again for sicking with me… talk with you later…