Hello everyone...

I created a shopping cart (not the best design, but more for the functionality). This miniature site is only 3 pages. You can select some things, and as you navigate you'll come to the 'checkout' page.

http:\\www.ibtestsite.info

The problem I'm having is that I want to center the <table>, but the height and width of the table depends on what you select. So it's wrapped in a <div> and I gave it a specific width and set margin-left and right to 'auto' and that still doesn't work. Any suggestions?

Umm... Wrap it in...

<div align="center"> WHATEVER YOU WANT CENTERED </div>

Align is a deprcated attribute; margin: 0 auto; is correct. What's throwing you off is twofold:

1) Everything is put in place with position: absolute; which removes it from the document flow, which makes margin: 0 auto; meaningless. Check the stickies on how to use floats and clears to position your elements, and use the position element only when absolutely necessary.

2) You don't have a DOCTYPE declaration at the top of the code. That'll throw a lot of things off, especially in IE.

tim

Originally Posted by serandfae

Align is a deprcated attribute; margin: 0 auto; is correct. What's throwing you off is twofold:

1) Everything is put in place with position: absolute; which removes it from the document flow, which makes margin: 0 auto; meaningless. Check the stickies on how to use floats and clears to position your elements, and use the position element only when absolutely necessary.

2) You don't have a DOCTYPE declaration at the top of the code. That'll throw a lot of things off, especially in IE.

tim

Thanks for the advice. I solved it...I needed to specify a percentage width for the table...