Why Cant i center

ok, i have made myself a site, its a portfolio site Link and im wondering how do i center it, its made using AP Divs as i needed layers to create the scroll bar in the middle.

anyways, i've tryed a variaty of ways:

^ adding the "onLoad = centerLayout() onResize = centerLayout()" in teh appropriate place aswel, But this didnt work.

i've also tryed the usual <center> and the <div align="center">



but for some unbeknown reason i cant center the site - any help is appreciated.


Below is my code for my site (without any referals to center)

any ideas?

wow ... you don't need JS to create a "scrollbox" you know

See the CSS Beginner FAQ - How to get a scrollable area on my page

Then ... remove all the position: absolute;

And here's how to center you site:
How to center your site horizontally
body can be used to style too!

Well I would put all your html into a div called wrap.

css

Code: Select all

#wrap {
    margin:0 auto;
    width: whateverpx;
}

You are probably going to have to eliminate all the absolute positioning however.
Absolute positioning will override the code I gave you above.

edit,

Karrine - i used JS to try and center it not to create a scrollable box

and sorry guys but i dont understand how to use the other methods yous said to try and center it, reason being, how can i remove the ABSOLOUTE; from AP Divs (absoloute positioning) - it just screws up my page unfortunatle.

any nooooooooooob guides on how to center Ap divs easily ?

sorry.

Basically to center a layout horizontally all you need is a width and margin:0 auto; You certainly do not need javascript to handle this. Also you need to deal with people with s disabled, if you rely on js to display your page you will alienate a bunch of users.

If you need to do both vertical and horizontal centering then this example will show you how to do it with css.

http://www.newguyinennis.com/samples...centering.html

Code: Select all

body { background-color=#343434; }
 
body { align='center' }

The above code is invalid. The below code would be correct.

Code: Select all

body {
text-align:center;
background-color:#343434;
}

Looks like you are using some WYSIWYG editor which may be your problem. I would avoid using whatever you are to automatically generate your code.

__________________
I hate IE 6. Just sayin....

ill give it a wirl and edit my post, and im using Adobe Dreamweaver CS3, i prefered 8.0 tbh but this will do the now.


Edit - nope, it didnt center, its still at the left.

But i cant see how i can remove absoloute positioning from Absoloute Positioning divs. =(

div don't have to be absolutely positioned... and they shouldn't ... in this case. Absolute means it's there and stays there. It won't move when the browser is resized.

Start from scratch. Learn CSS and how to create layouts. See moojoo's sig for great examples and also the thread in my sig has a bunch more.

http://www.newguyinennis.com/samples/layouts/ would be the correct url. No direct link from my site heh.

__________________
I hate IE 6. Just sayin....