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
le="color: #000000"><?php <body> <table cellspacing="0">
to
le="color: #000000"><?php <body> <table cellspacing="0" [b]class="main"[/b]>
change
le="color: #000000"><?php </table> <table cellspacing="0"> <tr> <td id="leftcolumn">
to
le="color: #000000"><?php </table> <table cellspacing="0" [b]class="main"[/b]> <tr> <td id="leftcolumn">
and change
le="color: #000000"><?php </table> <table cellspacing="0"> <tr id="footerbar">
to
le="color: #000000"><?php </table> <table cellspacing="0" [b]class="main"[/b]> <tr id="footerbar">
Now add the following to style.css, preferably near the top
le="color: #000000"><?php /* 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
