Comments on: Tips/Tricks: How to center Silverlight control on a webpage?

By: Centered Silverlight 2.0 Content « Ed Silverton

Centered Silverlight 2.0 Content « Ed Silverton — Tue, 25 Mar 2008 23:21:50 +0000

[...] I noticed that a method for doing this for Silverlight using css was posted here: http://michaelsync.net/2008/03/17/tipstricks-how-to-center-silverlight-control-on-a-webpage [...]

By: Ed

Ed — Tue, 25 Mar 2008 22:22:00 +0000

Woops, the code was stripped out of my comment. It’s just a (scale 9) grid with 3 columns and 3 rows. The center column’s width is set to the width of your content and the center row’s height to the height of your content. The content obviously then goes in the center cell. All other widths and heights are set to *.

By: Ed

Ed — Tue, 25 Mar 2008 22:18:03 +0000

Hi, I played with a few different ways to center Silverlight content and find that making the control fill the entire browser window (100% height and width) then using a grid control like the following works quite well:

By: Wöchentliche Rundablage: Silverlight 2, .NET, LINQ, ASP.NET MVC, Design | Code-Inside Blog

Mon, 24 Mar 2008 19:13:36 +0000

[...] Tips/Tricks: How to center Silverlight control on a webpage? [...]

By: bg

bg — Mon, 24 Mar 2008 13:51:55 +0000

sorry. what you posted does work in firefox. the problem is with absolute positioning in firefox when you don’t specify a height and width. i want this since specifying the width and height pops scrollbars on some resolutions.

By: Michael Sync

Michael Sync — Mon, 24 Mar 2008 13:37:17 +0000

Hi bg,

Which version of Firefox are you using? I have tested this sample with IE6, IE7 and Firefox 2 and it is working.

By: bg

bg — Mon, 24 Mar 2008 13:24:09 +0000

does not seem to work in firefox

By: Cornel

Cornel — Tue, 18 Mar 2008 07:51:33 +0000

Cool, I was looking for that!