cant get my divs to center on the page

Hi, well firstly i would ask you to check and validate your site..

Now for the solution, add a container div to all your other divs, i.e. after body and end it before the body tags end. Give it a simple margin:0 auto; That will solve your problem.

But please while posting, check the stickies, check ur validator and then post, it helps to know that there's no problem with the index.

mihir

thanks for the quick reply - that seemed to do the trick. although there are still a couple of quirks

1) In Firefox it looks OK, but in IE7, it looks like the main div is 1 pixel further to the left than it should be, which creates a white border on the right side.

2) the body background contains the shadow that goes up the left and right sides of the content. but somehow i need the body background to start a few pixels lower than the top of the page to accommodate the shadow at the top of the header. you can see that right now it looks kind of funny. the intention is to give it the look of a shadow all around the content (on the top and down the sides. I am not sure how to accomplish this. any advice would be appreciated.

hi, its good that it works, but now is the time to first validate your page. once its done i'll be happy to see what the problem is...

mihir

i did validate it - went to http://jigsaw.w3.org/css-validator/ and it came up clean.

What about your HTML?

Hi,
they have got 21 errors in them, so please validate them.

mihir.

yea sorry - i just did the css before - not the html. i will fix the html errors and post back when its fixed.

hi,
sure do. But i am signing off now, its just 2 in the morning and am dead tired now. need to get back to office and half past nine, so gotta sleep. you will get solutions to your problem, with your validated html, and i will also, but after sometime..

mihir.

well thanks for stickign with me as long as you did - i appreciate your insights.

Let us know when you get the HTML validated and we'll have another crack at it.

I'm off to bed too. It's only 9.40pm but my eyes are melting and Derren Brown's on in twenty minutes

ok the HTML is validated - it was just a bunch of fairly trivial things - missign alt tags on images, and what not.

i am still having the same trouble listed above though.

any help would be appreciated.

ok so i made some changes and took a slightly different approach to get the shadows right at thetop of the page. it seemed to work but now my footer seems to be a bit off.

hi,

transparent url(../wordpress/wp-content/themes/freshy/images/page_bottom.gif) no-repeat scroll center bottom

Why hav you given the shadow of the footer another image? why didnt you let the image repeat itself till the end?
I suggest you move your footer div in the page div, so the shadow will get applied to it also...

mihir

ok so played aroudn with the footer a bit and put it back inside the page div and it looks ok now. the only remainign problem is that when i view the page in IE7, the contents of my page div (contains subheader, menu and content) seem to be pushed one pixel to the left.

it looks fine in firefox though.

any idea why it is doing this in IE?

i have been playing with this all day and still have not been able to figure out why IE is doing this - anyone have an idea?

Hi,
sorry but currently am at a pc that doesnt have IE7, so i will look into it tomorrow.

Its sunday, so office is not there today.

mihir.

no problem - when you get back to to the office if you could check it out i woudl appreciate it. i still cant figure it out.