I'm working on revamping the skin for my site to better accomodate AS.
I figured I would add the message center skin object right below my
login links.. I have done so using the following code:
<br>
<div id="NotifyBox"><br>
<active:messagecenter id="ctlMsgCenter" runat="server"><br>
<displaytemplate><br>
<a href='[AS<img src='http://www.activemodules.com/DesktopModules/ActiveForums/themes/activemodules/emoticons/tongue.gif' align="absmiddle" border="0" />M:LINK]' Class="BreadCrumb">Inbox: ([INBOXCOUNT])</a><br>
| <br>
<a href='[AS<img src='http://www.activemodules.com/DesktopModules/ActiveForums/themes/activemodules/emoticons/tongue.gif' align="absmiddle" border="0" />M:NOTIFICATIONS]' Class="BreadCrumb">Alerts: ([NOTIFYCOUNT])</a><br>
</displaytemplate><br>
</active:messagecenter><br>
</div><br>
In firefox it's perfect.. It looks great.. IE, well, that's another
story.. The links end up below the div they're put into.. See
attached screen shot.. If I watch very closely as the page loads, I
can see that the links start out where they are supposed to be, then
jumps down below.
In looking at the source, it appears that the skin object loads a
javascript in place of the active:messagecenter tag. It looks like IE
is interpreting that as a carriage return and then bumps the other text
down..
Any ideas as to why this is happening? Any way I can compensate for it?