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