Spry:state not working properly

Question

Hi,
I have the following code wrapped around my page:
<div spry:state="loading"
class="AjaxLoadingLarge">Loading...</div>
<div spry:state="error">Sorry! An Error has
occurred!</div>
<div spry:state="ready">
PAGE CODE HERE
</div>
Whilst the page is loading, the Loading State Appears on the
screen normally but also has the Error State Content and the Ready
State Content (unpopulated with Data) - ie it's the table with all
the header row and 1 results row displaying the dataset field names
{EventID} {EventDesc} etc.
Once the page is loaded, everything displays perfectly, It
just looks as though the "state" is not being handled properly
until the state becomes ready.
Anyone else seen this problem? and any ideas?
Dom

Answer 1

Hi - Thanks for the response.
The previous line of code now reads:
<div spry:region="ds1" class="SpryHiddenRegion">
and I have closed the DIV off but it has made no difference
whatsoever - but there is no class in any .css for this.
Having Googled this, I found that some people have a class in
the .css as display:none. I added this and nothing is then visible.
Any further ideas?
Dom