RE: CSS positioning & tables

[robsta117]

Hello -

I'm interested in finding out whether it's possible to combine CSS positioning with tables in the same page layout.

The reason: So far my designs using CSS to position the elements hug the left-side of the browser window - I design for 800x600, 15" monitor. How can I get the entire page to center in the window of a larger monitor? Can I set variable widths in CSS to achieve this?

When I used to lay out the page using tables, the page would adapt to fit the monitor size.

Any and all feedback welcome.

- Robsta
:)

[pyro]

If you specify a valid doctype (see http://www.webdevfaqs.com/html.php#doctype for more info) you can use <div style="width: 300px; margin: auto;"> to center a div on your page. If you don't specify a doctype, IE will go into quirks mode, and will not correctly handle margin: auto;

[nkaisare]

Yes you can. Your question is too general to elicit a better answer. There are several ways how you can accomplish that. One of them is:
body {width: 800px; margin:0 auto}

Other option is not to specify any width and let the page adjust to user-defined width.

Third option is to position the elements left: 50% and give them negative margin (margin-left: -400px}.

HTH
Niket

[robsta117]

Thanks for the feedback - all this is a little beyond me, so it may take a while before I can give you any follow-up. I got some learnin' to do.

Thanks again,
Robsta
:rolleyes