Game doesn't center on browser with scale and resize to fill

[gaelbeltran]

Hello, I just found this and I'm not sure if that's the intended way.

 

My configuration is:

game.config = {    system: {        width: 800,        height: 500,        center: true,        scale: true,        resize: true            }};

I'm using a background image of size 888*600 so it covers the sides if the windows is too wide or the top and bottom if the screen is too high.

 

I'm adding my background the usual way, in the pandajs dev generated project:

var test = new game.Sprite('test.png');test.addTo(this.stage);

But my game looks like this:

http://imgur.com/YXYP3Tf

 

The gray borders only appear at the right instead of left and right, is it correct to assume that pandajs is putting the game canvas to the left? How can I solve this?

 

 

Btw, this engine is really good! Object pooling, scaling options, tweens, texture packer support. It has everything I need.