I think the problem is how tables are rendered, not because of the DIV
itself. They seem to wait until the rest of the page has rendered
before sizing themselves.
You can really see it happen in this example:
<table border="1">
<tr>
<td width="50%"> </td>
<td> </td>
</tr>
<tr>
<td> <div style='display:none' id='xx'<p>Lorem ipsum dolor
sit
amet, consectetuer adipiscing elit. Suspendisse at felis. Etiam
ullamcorper. Aenean fringilla, eros eu dapibus tristique, erat lacus
vestibulum metus, nec pharetra leo ante et quam. Nunc ac mi molestie
justo placerat laoreet. Morbi eget dolor. Curabitur pretium, mi quis
iaculis molestie, dolor ligula sagittis orci, at sodales quam dolor
quis sem. Suspendisse vitae risus.</p></div></td>
<td> </td>
</tr>
</table>
<script type="text/javascript">
new Effect.Grow('xx',{delay:1.0,duration:5.0})
</script>
On Oct 30, 12:44 pm, James <[EMAIL PROTECTED]> wrote:
> I'm using Effect.grow() to expand table rows in a fixed height div.
> In Firefox, the div overflows properly and everything is fine. In
> IE7, the all of the records grow past the bottom of the div
> momentarily, then disappear behind the div. This brief flash before
> the recovery looks unprofessional.
>
> The element that is growing is a <div> nested inside a <td>. In the
> Scriptaculous api is the following warning: "Works safely with most
> Block Elements, except tables." Is the fact that the div is nested in
> a table structure contributing to this problem?
>
> I would welcome any advice from others who have experienced this
> problem.
>
> Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
