problems with positioning url page which is aligned to the left and with placing foot
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:
the code in the html section; I have removed the text to make it easier to read the code (i hope)
Note: the "margin-left" has the half-width value, in negative.
Then, in order to have a footer at the bottom of the page, an idea could be setting a container-height (in below example 768px), because it's absolute-positioned, so to let assign a "bottom" value to the footer position, and the final code looks like:
Note: you can put the footer DIV outside the container too (if it's absolute-positioned), the important thing is to assign a "height" value to the container, because the "bottom" parameter searches for the bottom of that height value.
If the bottom content isn't absolute-positioned, you simply have to consider the footer as the final part of the content.
Last edited by MrSnowDrop; 09-20-2012 at 10:06 AM.
Pecentage values always refer to parent containers (visible or not) which have a declared width assignment.
Anyway, if that grid system auto-assigns the max width/height to a main container, you can give a try to the "margin-left" trick and see what happens with percentage values.