Spry:Tips
From Adobe Labs
IE Tips
In IE, you cannot create a self-closing span like this:
<span spry:repeat="mydata"> <a href="{link}"><span spry:content="{title}" /></a><br> </span>
In Firefox the Spry replacement will work fine, but in IE you will not get proper links. The title will get replaced, but not the links. To fix this, simply use a closing span tag.
<span spry:repeat="mydata"> <a href="{link}"><span spry:content="{title}" ></span></a><br> </span>
Thanks to Kin Blas for this tip.
=
I found a small stumbling block when including a spry menubar *inside* a pre-existing table cell in IE6 & IE7. The dropdown menus would appear with a correct 'top' - Y value but would originate along the left margin of the page - not inheriting the 'left' value from the position of the enclosing table cell.
So I set the style of the enclosing table cell to this: style="position:relative;" and added a <div style="position:absolute;"> around the menubar and closed it before closing the cell </div> </td> . This worked fine for IE6 and IE7 and FIrefox.
Chris Chaudruc
