CSS to center Xerte windiw on the screen

I use next CSS to fix the window of the user:
#x_mainHolder {
width: 900px;
height: 700px;
position: absolute;
z-index: -3;
}
How can I change this script to center the xerte window in te top of the screen?

Ronald

Hi Ronald,

Is the format you use in this code working? Where do you put this section in? Is that mainstyles.css?

Regards,
Klaas

Hello Klaas (Dag Klaas),

I have for each object a folder with the storyboard, images, sounds, etc.
In that folder I put this script as 'size.css'.

In the start editscreen of an object I choose in optional properties for 'stylesheet' (last option)and than I import the css. It works fine.
Ronald
Arnhem

Hi Ronald,

Thank you for the help but I stil cannot get this to work. When I add a stylesheet just like you describe in the picture (have tried this a lot of times before sinds I really want this option to work I can see the stylesheet in de folder on the server. The information of your post I past in the file and still It's not working?

I once got it working with the name 'mainstyles.css' that is mentioned somewhere to change the LO colors and so but then the buttons in the footerbar disappeared from sight. They stil are there but they cannot be seen then. Have not taken the time to dig into that.
But for now the solution you suggested is not working with me??

Regards,
Klaas

Try a not normal size and look wat XOT is doing. Did you try F11 to see how that works and what you see.
Maybe you can sent a small zipped example?
Ronald
Arnhem

body {
text-align: center;
}

#x_mainHolder {
width: 400px;
height: 300px;
position: absolute;
z-index: -3;
}

Don't know why I was not working but now it does!

Thank you Ronald.