Making an image in the "X" center of the screen.

[n00bEmpty]

This is something that I've been trying to look up but can't find an answer to.
Does anybody know how to make an image or table, not background, into the center of the screen, no matter how large their resolution is?

[mdakin]

Umm would padding: 50%; work or something?

[n00bEmpty]

<style type="text/css">
.centered {
width: 50%;
height: 50%;
margin: 0 auto;
}
</style>
<DIV class="centered">
  <img src="http://i70.photobucket.com/albums/i104/HALO_360/Computer_Temp_Idle.png" border="0" alt="Photobucket"></a>
</DIV>

[editline]11:08AM[/editline]

That's the quick code I made it but it doesn't work.

[editline]11:09AM[/editline]

I want the table/image in the center of the page. Vertically and horizontally.

[mdakin]

Lots of <br>'s :D

[Ddrl46]

Never use <br />s, you need to use padding, and noth width.

Something like this should work
[html]
<div style="width: 100%; height: 100%; padding: 50%;">
<img src="image.png">
</div>
[/html]
Untested.

[n00bEmpty]

Doesn't work. It makes the image all the way down on the page. Like, you'll have to scroll down to see the image.

[JDream]

This might help you.

[url]http://www.pmob.co.uk/pob/hoz-vert-center.htm[/url]

[n00bEmpty]

[QUOTE=JDream;19273415]This might help you.

[url]http://www.pmob.co.uk/pob/hoz-vert-center.htm[/url][/QUOTE]

Awesome, just f'n awesome. It's what I been looking for a very long time. Thanks.

[turby]

use the negative margin technique