4
My environment:
IE7 browser hitting an ASP.NET webpage that uses Javascript to render the contents. This is not an ASP.NET problem but a Javascript problem that I am encountering.
Problem:
I am basically generating a menu which is essentially a TABLE within a DIV tag using Javascript. For some reason the table is not displaying. The DIV tag essentially has the dimensions of 0.
What I have done:
The first thing you're probably asking is, "your script is probably not working." I have verified that the code is indeed correct. In my IE7 environment, I have installed the developer toolbar and verified that the HTML is being created by the script and it looks correct.
The next thing you're probably asking is, "you have some funky style settings which is why it's not display." I have verified that the elements created are correct by copying the EXACT html code that is created (using the developer toolbar) and pasting it inside the same page and loading it. Viola, it displays just as expected and rendered perfectly.
I have also tried to resize the DIV tag (when generated with javascript) in the developer toolbar and no contents are displayed inside of it. It's just one blank div even though when you look at the DOM, the elements are there.
The HTML elements being generated is similar to the following:
<div>
<table>
<tr><td>Item 1</td></tr>
<tr><td>Item 2</td></tr>
<tr><td>Item 3</td></tr>
<tr><td>Item 4</td></tr>
</table>
</div>
Thanks
