Hi there,

please have a look at this page http://www.h2ox.net

Ive been asked to revamp the site a bit but am failing at the first hurdle!!

how can i make this centred on the page?

I copied the whole thing inot a centred cell but this just messed up the .css styling?

I didn't make this from scratch so am a bit lost with it!

Cheers

It will actually be pretty simpe to center the page the way you have it coded now. Change:

#container {width: 741px;}

to

#container {width: 741px; margin:0 auto}

and you should see everything centered. The auto part of the margin lets the browser center the page. The code is a shortcut for saying

margin-top: 0
margin-right: auto
margin-bottom: 0
margin-left: auto

Thanks, thats saved a headache!

Glad to help.

Hmmm, not doing anything.

Am I doing this right? I changed the code in the .css file. Do I then need to put the whole page in a centered cell or should it automatically center as it is?

Its centering in dreamweaver but not when view in iE

It's working in Firefox at the moment. I think to get it to work in IE you need to remove the first line of the document

<?xml version="1.0" encoding="iso-8859-1"?>

I think IE chokes on that line sometimes. Just start your document with the <doctype> line and it should be fine.

Works fine now,

Thanks for the help!

Cool. Glad it's all working.

Another way of getting it to work in both FF and IE is:-

/*---- ( layout - background etc ) ----*/

body {
text-align:center; /* centers for IE, not FF*/
}

/*-- ( outer wrapper for whole page) --*/

#container {
margin: 0px auto; /*centers for FF not IE*/
text-align:left; /* puts everything else back to the left */
}