First, code your layout and save the coding in Notepad as layout.html. Make sure the layout is positioned at the top left corner of the page. If you don't know how to code your layout or position it at the top left, read the i-frames tutorial first.

Make a new page in Notepad and copy and paste this code:

<table align="center" valign="center" width="100%" height="100%"> <tr><td align="center"> <iframe width="LAYOUTWIDTHpx" height="LAYOUTHEIGHTpx" src="/web/20150317054843if_/http://www.unbreakable.iglitter.net/tutorials/layout.html" scrolling="no" frameborder="0"></iframe> </td></tr></table>

Change the width and height to the width and height of your layout image. Save the page as index.html and upload it to your site. View index.html in your browser and your layout should show up centered in all resolutions.

If this helped, a link back is required.