 suedechaser wrote:
Hi Don,
Have a look at the link provided on your site:
http://webwiz.sitetechnique.com/forum/default.asp
After clicking the WebWizForum link under Testing WebWiz Applications, keep a mental note of the size of the centre section - it appears to get larger.
|
I couldn't replicate the problem. I put a window on top of my forum that was the width of the body section. The body section came to the exact edges of the top window regardless of what link page I viewed.
I did notice that with FF, it resized the body sections by a small amount after the pages loaded, but they wound up the same size.
suedechaser wrote:
From your wonderful tutorials to date, I have been trying to setup full width header, no left column, centre column 70%, right column 30%, full width footer with the whole lot consistant while navigating through the forum.
I thought I may have messed something up, but I noticed that the same thing happens at the above mentioned link.
|
See code below dfor header and footer .asp for your layout. You could also just put the header and footer in separate center aligned div's before and after the table
suedechaser wrote:
EDIT: I forgot to mention that the whole forum page at the above link is left justified. Is there a way to centre the whole forum - header/footer/columns and all?
|
Wrap the whole thing in a center aligned div.
For your layout: (Example at http://webwiz.sitetechnique.com/forum/default.asp)header.asp
<script language="javascript" src="includes/default_javascript.js" type="text/javascript"></script>
</head>
<body>
<table style="width:100%">
<tr>
<td colspan="2" style="width:70%; text-align:center;vertical-align: center; background-color:#E89D0C;"><h1>Header</h1></td>
</tr>
<tr>
<td style="width:70%; text-align:left; background-color:#F1F1F1;">
|
footer.asp
<!-- footer -->
</td>
<td style="width:30%; text-align:left;vertical-align: top; background-color:#EAE8D3;">Right Body<br />
<!-- #include file="navigation_buttons_inc_sidebar.asp" -->
<br />
<!-- #include file="pm_check_inc.asp" -->
<br />
Some link
<br />
Some Other Link
</td>
</tr>
<tr>
<td colspan="2" style="width:100%; text-align:center;vertical-align: center; background-color:#ADBF45; color:#ffffff">Footer - 100%</td>
</tr>
</table>
</body></html> |
Topic Options
Post Options
Thanks(0)
