Vertically centered template

[superivan]

Hi again everybody,

Could anybody tell me how can I make this template appear vertically centere
d on a 19" screen? It looks vertically centered on a 17" screen but it is to
o high on a 19" screen.

http://www.pedaldoc.com/html/SUPERNAUTAS/polaroid.html

Could anybody please help me? I would be really grateful

Thanks a lot,

Iván

[DaveyBoy]

Don't think there is any way of doing this really, maybe some CSS trick but i'm not sure.

[ivanmax]

Hi,

My photographer site (not made by me) gets vertically centered on any monitor:

www.ivangarcia.net

Anybody?

Thanks a lot to everybody in advance,

Iván

[Taltos]

Unfortunately I'm not where I can test this real quick or I would. It seems to me as long as you make sure you set html, body, and any div to height: 100% then you should also be able to use margin: auto auto. Does this not work? The important part is to set all the containers outside the one you want to center for a height of 100% (the viewport).

[Tomassi]

in css make a div id to place your content in

{
width:200px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin:-50px auto auto -100px;
border:1px solid black;
text-align:center;
}

don't forget to change the margin when altering the main width and height

[ivanmax]

Hi,

Your thing seems to work Cashcannon but the page looks a bit too much to the left of the screen. Is that because I need to change the margins?

Thanks a lot to everybody,

Iván

[Tomassi]

yes, like I said, if your width and height is for example 500px/500px you need to adjust your margin to margin: -250 auto auto -250px;

[ivanmax]

Thanks,

I managed to do it.

[Tomassi]

no problem, glad to help