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

By: jwc

jwc — Thu, 26 Feb 2009 00:29:16 +0000

I use silverlight so I don’t have to deal with CSS issues. It seems that it would be so much easier to make the control take up the whole browser window then center whatever you need inside of that. Let Silverlight do the centering, that way you know it’ll work across browsers.

I realize you were answering a question on a forum, but it wouldn’t hurt to ask the person if they had considered doing it the easy way.

By: Avinash

Avinash — Thu, 08 Jan 2009 07:55:16 +0000

I want to stretch to my full page. how?

By: Scott Marlowe

Scott Marlowe — Wed, 31 Dec 2008 03:35:30 +0000

Cool. Just what I was looking for. Good tip. Thanks.

By: Paul

Paul — Mon, 08 Dec 2008 10:25:02 +0000

Thanks! This was an irritation as I couldn’t get my Silverlight control centered properly. This did the trick. Thanks for taking the time to post the advice.

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.