|
|
Posted by Cerebral Believer on 09/26/73 11:55
Hi,
I have chosen to make a basic template for a website I am creating, using a
seriries of tables to control the layout of the page. I have an overall
"global" 4rows x 5columns table, arranged basically into 3 columns for
content, with two columns used as "spacers" between the text in the main
panel and the left panel and right panel elements either side of it on on
the page, as shown approximately below:
---------------------------------------------------------------------------------------------------------------
|
|
| PAGE BANNER
I
|
|
---------------------------------------------------------------------------------------------------------------
|_________| |
| |_________|
| | |
| | |
| |S|
|S| |
| | |
| | |
| |P|
|P| |
| | |
| | |
| LEFT |A|
|A| RIGHT |
| | | MAIN PANEL
| | |
| PANEL |C|
|C| PANEL |
| | |
| | |
| |E|_________________________________________|E|
|
| | |
| | |
| |R| *MAIN PANEL FOOTER* |R|
|
| | |
| | |
---------------------------------------------------------------------------------------------------------------
|
|
| FOOTER
I
|
|
---------------------------------------------------------------------------------------------------------------
I have also chosen to use another two tables actually within the some cells
of the "global" table, one inside the left panel for navigation, and one
inside the main panel (which includes the main panel footer) so that I can
give the text a different colour background to the content in the left and
right panels. The table shows fine, there do not appear to be any
formatting problems as regards that, but can anyone tell me any reasons why
the text I have in the following code:
<tr>
<td class="mainpanelfooter">
<p>*MAIN PANEL FOOTER*</p>
</td>
</tr>
Referenced in a stylesheet thus:
td.mainpanelfooter {
vertical-align: middle;
height: 20px;
width: auto;
padding: 7px;
font-size: 80%;
color: #000000;
font-family: Verdana, Sans-Serif;
font-weight: normal;
text-decoration: none;
text-align: center;
}
Does not appear centered (but aligned left) when I preview my page in my
browser? It does appear centered in Frontpage's design window, but not in
the preview window.
Even if I use an <p align="center"></p> tag around the text in question, the
text appears as if it has merely been indented left rather than centered.
Any ideas what the problem could be or how to fix it?
Navigation:
[Reply to this message]
|