I am trying to program my first site and decided to use a 1000px grid system.

The problems that I am having are:

1. The page in larger sized screens is positioned to the left of the screen with a large space to the right. I want to put the url in the centre of larger screens. I have tried "align: center". It didn't work.


2. The menu for the foot of the page appears near the top of the text box and some of it is behind it.

Can you tell me how to align the page and how to display the menu at the foot of the page?

You can see the page here you can see the coding by clicking on source but I have put the division coding below.

The code for the page set up is this;

in the css section:

body {background-color:#c0c0c0;}

the code in the html section; I have removed the text to make it easier to read the code (i hope)

<div id ="title" class="container_20 grid_20">
<div id="head-photo" class="container_20 grid20">
</div>
<div id="menu" class="container_20 grid_20"><a id="up"></a>
<nav style="font-family:verdanna; padding-top: 3px">
<ul>

</ul>
</nav>
</div>
<hr/>
</div>
<div id="main-back" class="container_20 grid_20">
<div id="main-box" class="grid_14 push_3">
<div id="texted_1 class="grid_14 push_3">

</div>
</div>

<footer>
<div id="foot_menu" style="container_20 grid_20">
<nav>
<ul>
</ul>
</nav>
</div>
</footer>
</div>
</div>


</body>
</html>