White Space around the Silverlight 1.1 Root Canvas

re: White Space around the Silverlight 1.1 Root Canvas

balla — Fri, 28 Sep 2007 10:59:58 GMT

According to your iframe example what would probably also work is:

body { margin: 0px; padding: 0px; }

</style>

re: White Space around the Silverlight 1.1 Root Canvas

DEvHammer — Wed, 26 Sep 2007 19:08:17 GMT

Excellent point, Björn.

You're right that my solution could be considered somewhat of a hack, but it's what worked for my solution, in which the Silverlight app is added to an existing ASP.NET Content control via an <iframe> element. As such, there aren't any other elements in that part of the tree that might overlap.

But I appreciate your pointing it out, since that could save other folks the pain of discovering that my technique may not work for all situations.

re: White Space around the Silverlight 1.1 Root Canvas

Björn — Wed, 26 Sep 2007 17:44:59 GMT

While this might work for your special case, it will most likely break for allmost every other case. Absolute positioned elements are removed from the flow - e.g. the do not affect layout of other elements - and top/left: 0 (no px or other unit needed for 0) requires that the parent does not have position: static (which is the default), otherwise the pos: abs element ends up being positioned at the first grand-(grand-(...))parent element that is positioned - in the default case this will be html, so you will end up stacking all canvases at the top-left of the page.

The real solution is to eleminate the property that does cause the offset (margin on the element itself or padding on its parent). To easily identify the property, use a tool such as the WebDev Toolbar for IE, Firebug for Firefox or the Inspector in Safari.