I've searched google on how to center a page using CSS and even looked at the FAQs here, but nothing seems to work. I even tried using the <center></center> html tag sets. I'm sure this is a simple fix, but have no idea what's wrong. Here's the coding for the site:
Code:
<html> <head> <title>FG Xbox</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="layout.css" /> </head> <body style="background-color:#000000; background: url(background.gif); margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;> <div id="index-01"> <img src="images/index_01.jpg" width=786 height=104 alt=""> </div> <div id="index-02"> <img src="images/index_02.jpg" width=786 height=29 alt=""> </div> <div id="index-03"> <img src="images/index_03.jpg" width=115 height=883 alt=""> </div> <div id="index-04"> <img src="images/index_04.jpg" width=21 height=238 alt=""> </div> <div id="index-05"> <img src="images/index_05.jpg" width=356 height=208 alt=""> </div> <div id="index-06"> <img src="images/index_06.jpg" width=73 height=16 alt=""> </div> <div id="index-07"> <img src="images/index_07.jpg" width=210 height=153 alt=""> </div> <div id="index-08"> <img src="images/index_08.jpg" width=11 height=883 alt=""> </div> <div id="index-09"> <img src="images/index_09.jpg" width=14 height=141 alt=""> </div> <div id="index-10"> <img src="images/index_10.jpg" width=59 height=222 alt=""> </div> <div id="index-11"> <img src="images/index_11.jpg" width=210 height=39 alt=""> </div> <div id="index-12"> <img src="images/index_12.jpg" width=14 height=81 alt=""> </div> <div id="index-13"> <img src="images/index_13.jpg" width=210 height=231 alt=""> </div> <div id="index-14"> <img src="images/index_14.jpg" width=356 height=30 alt=""> </div> <div id="index-15"> <img src="images/index_15.jpg" width=20 height=164 alt=""> </div> <div id="index-16"> <img src="images/index_16.jpg" width=409 height=114 alt=""> </div> <div id="index-17"> <img src="images/index_17.jpg" width=21 height=164 alt=""> </div> <div id="index-18"> <img src="images/index_18.jpg" width=409 height=50 alt=""> </div> <div id="index-19"> <img src="images/index_19.jpg" width=11 height=481 alt=""> </div> <div id="index-20"> <img src="images/index_20.jpg" width=428 height=343 alt=""> </div> <div id="index-21"> <img src="images/index_21.jpg" width=11 height=481 alt=""> </div> <div id="index-22"> <img src="images/index_22.jpg" width=210 height=39 alt=""> </div> <div id="index-23"> <img src="images/index_23.jpg" width=210 height=126 alt=""> </div> <div id="index-24"> <img src="images/index_24.jpg" width=210 height=17 alt=""> </div> <div id="index-25"> <img src="images/index_25.jpg" width=210 height=140 alt=""> </div> <div id="index-26"> <img src="images/index_26.jpg" width=428 height=122 alt=""> </div> <div id="index-27"> <img src="images/index_27.jpg" width=210 height=138 alt=""> </div> <div id="index-28"> <img src="images/index_28.jpg" width=428 height=16 alt=""> </div> </body> </html>
Comment