I haven't looked at your page but just a quick response here.
You could Google "center layout CSS" or something close to that and I bet you'll find heaps of tutorials and very easy to grasp.
The main principle is to stick everything in a containing div, call it id="wrapper" or something, and then in your CSS give it a width and put margin: 0 auto;
The CSS uses auto values for left and right margins this will put the div in the center of the browser and distribute the remaining space between the left and right margin. You also have to watch text-align center thing to help IE6 along the way but that will be explained in any of the numerous tutorials.
Hope that cracks it.
You can't center APDivs because they are absolutely positioned. That means they are fastened to points relative to the top left corner of browser viewport. I might add here that APDivs pose many challenges for newbies. Don't use this as a primary layout method until you fully understand how APDivs work.
My advice is to scrap the layout you have now and rebuild it with default CSS positioning (no positioning at all).
Learn to use floats, margins and padding to align elements on your pages. If you do that, it's simple to center your page on screen. Place content inside a #container division. Give it a width in pixels or percentages and margin-left and margin-right of auto (browser default).
width: 900px; /**width in pixels or %**/
margin: 0 auto: /**centers page**/
text-align: center; /**centers older browsers**/
page content goes here
I have had a play about with a WRAPPER and contained everything within this.
This does centre its contents and I have inserted DIV TAG 's etc.
This does work for me, but I will have a few lessons to go through.
Tel: - 01343 540831
Well done Brian,
Nancy O's advice is certainly worth considering regarding using absolute positioning.
Much better I think, to use floats and careful use of padding/margins.
It's feels pretty complex when you start learning this stuff but there's a logic to it all, good reasons for doing it and it does get eaier.
Just played about and got a page in centre and used a wrapping to contain loads of DIV'S and a table.
Tel: - 01343 540831