2
Well, I tried to solve this without modifying the
default/theme.html file at all, but I could not figure out a cross-browser solution. In the end made 3 small changes to theme.html and added some styles to style.css. If you have already modified the outer tables to 800px, you can ignore the changes to
default/theme.htmlin
default/theme.html change
<body>
<table cellspacing="0">
to
<body>
<table cellspacing="0" [b]class="main"[/b]>
change
</table>
<table cellspacing="0">
<tr>
<td id="leftcolumn">
to
</table>
<table cellspacing="0" [b]class="main"[/b]>
<tr>
<td id="leftcolumn">
and change
</table>
<table cellspacing="0">
<tr id="footerbar">
to
</table>
<table cellspacing="0" [b]class="main"[/b]>
<tr id="footerbar">
Now add the following to style.css, preferably near the top
/* Center with IE */
body {text-align:center;}
body * {text-align:left;}
/* Center with other browsers */
body > table {margin:0 auto;}
/* Set 'main' tables to 800px */
table.main {width:800px;}
This solution has been tested in Firebird 0.7, Mozilla 1.5, Netscape 7.1, IE 6, IE 5.5, and Opera 7
Related Links:
Centering Content with CSSDefault theme css with comments