I want to have virually all of my content in a 680px column positioned
in the center of the page. Meaning there should be two margins on either
side of equal size. I've tried a table layout like:
<html><body>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="20%">
col 1
</td>
<td width="680">
col 2
</td>
<td width="20%">
col 3
</td>
</tr>
</table>
</body></html>
But there are a few problems with this. Aside from the fact that colums
1 and 3 are not exactly (total_width - 680) / 2 the "centered" column
can shift slightly right or left depending on the content. That's not
good at all.
For browser compatability and because I would still like to have the
option of placing content in columns 1 or 3 I was hoping to use a
standard table. However, I thought I should ask the CSS gurus if there
is a reasonably portable way to do this using CSS. Is there? How can I
do this using CSS?
Mike
--
Michael B Allen
PHP Extension for SSO w/ Windows Group Authorization
http://www.ioplex.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
