emak

It's been awhile since i've worked on a project so VERY rusty. I created a website for a client via flash. Then they came around asking why it can't be viewed on ipads, iphones, etc...basically mobile devices. My boss needed a quick fix, so i redesigned the website in Illustrator, sliced it up and placed all the slices in individual layers via dreamweaver lined and linked everything up.

I'm sure i know how to fix this and for the life of me can't remember.

Bascially the site i created is all aliged to the top left of the page. I need to center the entire site (layers).

The site is:
http://ericwmak.com/index_DCS_html.html

Any help would be greatly appreciated. I've tried searching and google, found somethings but can't find something that will help.

Thanks.

Mug

The site is pretty div heavy so if you have more time to work on this at a later date I would suggest altering the layout. In answer to your question you could wrap a div around all the internal divs. Give it an id of container and then in your css put something like:

#container {
width: (input the width here)
padding: 0 auto;
margin: 0 auto;
}

Give me a shout if you need any more help on this. I'm in the office all day.


*update*

Do you need it vertically aligning too? If so the best option is to use absolute positioning. Take a look at how I have done it here:
http://www.yomzoo.com/

__________________
Mug
Web Design Chester | Check out our latest post on the Job Centre