Posted by gtp1013 on 04/05/06 03:09

Thanks for the response. That makes sense, and it is enough to change.
I'm still wondering if there is any way to achieve the same setup that
I have using tables here..

http://www.maptech-inc.com/index_test.htm

by using CSS. If I simply change my the DIV content a fixed width of
800, everything is going to look "bunched" over on the left when
viewing the page at resolutions higher than 800x600. I'm looking to
have the blue "bar" on the left remain at a fixed-width of 150px and
for that "bar" and the banner up top to be left-justified with respect
to the browser window. I'd also like to keep the drop-down menu in the
same position relative to the banner, but I would like to have the
content of the large "box" (where the white background is in my css
example) be centered within that box. And while doing this, I would
like to have the "primary" DIV elements to span the width of the entire
browser window, so that there doesn't appear to be a large block of
"dead space" on the right of the screen in higher resolution settings.
Essentially, what I'm trying to accomplish is setting the "main" DIV to
a width of 100% unless the browser width falls below 800px, at which
point I would like the DIV widths to be 800px. Is this possible? It's
not imperative that I set the page up using primarily CSS, so if I have
to, I'll go with the table setup, but I'm trying to learn how to do
things, so if it's possible to achieve the same layout design CSS, I'd
love to know how to do so. Any suggestions or even a "nope, can't be
done" would be appreciated. Thanks.

[Back to original message]