Could anyone offer me any assistance with my wonky layout issue? On my - largish screen - my site looks fine, however, if I drag the side over (dragging to resize the window) effectively making a smaller screen, some undesired things happen. The sidebar compresses, and the nav bar and header gif's shrink. The first picture below shows what I get on my screen, and the second shows what you'd get on a smaller screen. Ideally only the margins would shrink for a smaller screen (as happens at www.footballheaven.net).
There is some, what I believe to be, relevant code below. If it isn't a simple fix, I'd be prepared to pay someone to fix it all.
Thnaks for any help.


There is some, what I believe to be, relevant code below. If it isn't a simple fix, I'd be prepared to pay someone to fix it all.
Thnaks for any help.


Code:
<body onload="<actinic:variable name="OnLoadScript" value="PreloadImages" />" style="width: 80%; margin: auto;">
<actinic:variable value="Best Seller Header Area" name="HeaderArea" />
<table width="100%" align="center" cellspacing="10" cellpadding="10" border="0">
<tr>
<td valign="top" class="sidebar">
<actinic:variable name="TopLevelSectionList" if="%3cactinic%3avariable%20name%3d%22IsTopSectionListIncluded%22%20%2f%3e" />
<actinic:variable name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
<actinic:variable name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
</td>
<td valign="top" class="bulk">
<a name="top"></a>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsNotPreviewMode%22%20%2f%3e">
<!-- When logged in, this gives the company name, username and a login link -->
<Actinic:Variable Name="NowServing"/><Actinic:Variable Name="CurrentAccount"/><Actinic:Variable Name="LogoutSimple"/><br />
</actinic:block>
<div align="center">
<actinic:variable name="HeaderFooter" value="Header Text" />
</div>
<actinic:variable name="INNERLAYOUT" />
<div align="center">
<actinic:variable name="HeaderFooter" value="Footer Text" />
</div>
<actinic:variable name="ReferrerLink" />
</td>
<td valign="top" class="sidebar">
<actinic:variable name="QuickSearchBar" /><br />
<actinic:variable name="ShoppingCartSummary" />
<actinic:variable name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
<!-- credit debit logos --><table border="0" cellpadding="10" cellspacing="0" align="center"><tr><td align="center"></td></tr>
<tr><td align="center"><a href="#" onclick="javascript:window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/cps/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=300, height=350');"><img src="C:\Users\Brad\Documents\Actinic v8\Sites\Site1\Productpictures\cards-graphic3.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo -->
<actinic:variable name="BestSellerListSidebar" value="Sidebar Best Sellers List With Horizontal Dividers" />
</td>
</tr>
</table>
Comment