Table is cropped instead of resized in browser.

[cosmicgirl]

I was always under the assumption, and judging by the 500 + posts on the subject I sifted through today, that if you centered a table in a web page it would adjust to the browser window. Well, I have tried everything. Now it actually clips the table when you resize the window or try to show it in a different resolution. I haven't even tried to put my content back on the page yet. What am I doing wrong? I know the page is super large but I designed it for my students who all use iMacs.
I am using Dreamweaver CS4 but have mostly hand-coded in it having given up on their templates and such a long time ago.


the web page is : http://cosmicthings.com/table.html

[tracknut]

I have a feeling your table is actually scaling up and down as you expect (put some content in it to see!), and what you're actually seeing is that your background image is not scaling within the table.

Unfortunately I'm not sure if or how you could make that background image scale...

Dave

[cosmicgirl]

@Tracknut You know, that makes sense. However, that leaves me with a predicament as almost all of my content are images. This is becoming most difficult. I am perhaps thinking I ought to just leave the page large with divs and let those with a smaller resolution deal with it. Or would that be not so nice? Scaling the page down is also a monumental task as it has so many components. Yu can biew the page I am trying to change at http://cosmicthings.com

[jbladeus]

hi cosmicgirl
you need to adjust this bit on line 27 (in bold below) as it is causing everything to shift towards right.

#container {
position:relative;
width:1200px;
height:2200px;
top:0px;
left:175px;
}

P.S. There are quite a few html errors in your which you need to clean up otherwise it will break up in quite a few browsers.