3

Closed

Widget Display Issues in IE

description

All widgets need to be reviewed to ensure that they render properly in IE, even when it doesn't have a UI element. See the comment below:
 
I'm using the Carousel Widget and everything seems to be working perfectly, except the <object> tag displays as a little square under the slider. I'm using IE9 and the site is running DNN 5.6.2. The demo displays fine (in IE9), but on my site I get this little square. It looks like a broken link, but without the red-X icon. Could this be a skin or CSS thing? Can't figure out how to get rid of it.

file attachments

Closed Dec 28, 2011 at 6:00 PM by hismightiness
Released

comments

hfournier wrote Mar 31, 2011 at 6:06 PM

In the upper-right of the attached image, you can see the corner of an image displayed in the slider. At the bottom-left, you can see the square that's displayed by the <object> tag. I used the Developer Tools in IE9 and clicked on the square to determine the source and it took me to the <object> tag, so I know it's not an artifact from something else on the page.

hfournier wrote Mar 31, 2011 at 9:55 PM

Problem solved.
The Fallback Skin Doctype (Host Settings) was set to HTML 4 (Legacy). When I switched it to XHTML Transitional, the little square disappeared. And, the <object> tag now appears in the editor as it should.

schotman wrote Apr 4, 2011 at 12:59 PM

I am seeing problems as well e.g. rounded corners on a div with bg image does not show the element in ie8 while it does in ie7

hismightiness wrote Apr 5, 2011 at 3:47 PM

The rounded corners thing is something that I am not sure we have any control over (same for the original display issue), but it is noted and will be researched in the next release. :)

wrote Jun 2, 2011 at 2:55 AM

wrote Oct 28, 2011 at 11:17 PM

wrote Oct 30, 2011 at 6:03 AM

wrote Oct 30, 2011 at 6:03 AM

wrote Oct 30, 2011 at 6:03 AM

wrote Oct 30, 2011 at 6:16 AM

wrote Oct 30, 2011 at 6:28 AM

hismightiness wrote Oct 30, 2011 at 6:30 AM

There's nothing we can do about the rounded corners for IE. It's a limitation of IE's rendering engine. They simply refuse to follow the same standards that all other web browsers follow. :(

The little box should no longer be present in future versions of any widget. All existing widgets have this logic in place now, where necessary.

Example: $(widget).remove();

wrote Dec 28, 2011 at 6:00 PM

wrote Feb 14, 2013 at 7:07 PM

wrote May 16, 2013 at 9:07 AM