Announcement

**paulbeckett** · 27-Oct-2006, 05:50 PM

Actually I have found some previous posts on this but it reads like I need to set the primary table to say 800px (which is an example width).

However I have used the "smart" theme and it doesnt seem to have 1 overall table. Do I have to change all the tables that go across the page from 100% to 800px?

Is there another/better way of doing it - perhaps create an outer table and set the width to 800px?

Kind regards

Paul

**pinbrook** · 27-Oct-2006, 05:56 PM

Whilst I am not going to answer the Q about how to fix a width (personally I prefer 100%) 800 is too wide, I think the optimum for 800x600 res is 720 - you have to take thescroll bar into consideration

**jont** · 27-Oct-2006, 06:46 PM

Originally posted by paulbeckett

However I have used the "smart" theme and it doesnt seem to have 1 overall table. Do I have to change all the tables that go across the page from 100% to 800px?

The smart theme has an overall table in Act_Primary.html, Act_BrochurePrimary.html and the Act_PrimaryCheckout.html

The 2 outer cells are fixed width and the centre cell is fluid ...... the centre will be constrained from ACTSTDWIDTH

**paulbeckett** · 27-Oct-2006, 08:29 PM

Hi jont

There doesnt seem to be an overall table, that surrounds everything, on my Act_Primary pages? I dont think this is the case?

Presumably I can simply add one with no negative effect?

Paul

**leehack** · 27-Oct-2006, 10:27 PM

Paul it is highly unlikely that there isn't an outer table, paste your code in here and we can point it out. If you are 100% sure there isn't, i would recommend using a <div> tag instead of a table.

This would be something like:

<div align="left">

.....your code in here

</div>

You could also include the width in the div tag or add an ID to the tag and style it with CSS i.e.

<div align="left" id="wrapper">

....your code in here

</div>

and then include

#wrapper {
width: 700px;
}

in your CSS file

Unless you have a specific reason for 700px wide i would recommend going to 770px, which i have found to be the optimum on a 800x600 screen, bearing in mind the scrollbar and dependant on no left-margin attribute. If you have 700px wide, then you are too wide for 600x480 and have wasted space on 800x600. Giving Actinic the maximum width possible ensuring checkout pages and product layouts have enough room is strongly recommended.

More and more people have at least 1024x768 screens nowadays, however it is important to still support 800x600. 770px is a nice compromise, 600x480 users expect to have to scroll to the right, 800x600 users will get a nice full screen of your site and 1024x768 users will get a site which doesn't look so long and thin.

**paulbeckett** · 28-Oct-2006, 06:51 AM

Hi

Thanks! He is the code from my Act_BrochurePrimary.html.

The first table in the code is <table width="100%" border="0" cellspacing="0" cellpadding="5" background="palette2bg.gif">
<tr>
<td><IMG SRC="CUSTOMVAR:INFOIMAGE1"></td> ......

but I think this only wraps around the top area with the the logo and top right and left adverts. I dont think there is one overall table???

Act_BrochurePrimary.html:

<BODY NETQUOTEVAR:BGIMAGE OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGCOLOR TEXT="NETQUOTEVAR:FGCOLOR" NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>
<span style="display:none; visibility:hidden">
<FORM NAME="textor1">
<INPUT TYPE="hidden" NAME="texaccept" VALUE="site operator accepts conditions at http://cconv.textor.com">
<INPUT TYPE="hidden" NAME="basevalue" VALUE="1.00">
<INPUT TYPE="hidden" NAME="basecurrency" VALUE="CUSTOMVAR:MAINCURRENCY">
<INPUT TYPE="hidden" NAME="initialcurrency" VALUE="USD">
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://cconv.textor.com/conv1a.js"> </SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://cconv.textor.com/fixnetscape3bug1a.js"></SCRIPT>
</FORM>
</span>

<table width="100%" border="0" cellspacing="0" cellpadding="5" background="palette2bg.gif">
<tr>
<td><IMG SRC="CUSTOMVAR:INFOIMAGE1"></td>
<td align="center"><a href="http://www.kjbeckett.com">NETQUOTEVAR:BROCHURELOGO </a></td>
<td align="right"><IMG SRC="CUSTOMVAR:INFOIMAGE2"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5" background="palette1bg.gif">
<tr>
<td> </td>
<td align="center">NETQUOTEVAR:HEADERGUIDE </td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="5" height="100%">
<tr>
<td background="palette3bg.gif" valign="top" width="160"><br>NETQUOTEVAR:SIMPLESEARCH
<span class="actxxsmall"><a href="http://www.kjbeckett.com/acatalog/search.html">Advanced Search</a><br>
<a href="http://www.kjbeckett.com/acatalog/sitemap.html">Site Map </a></span> <br><br>


NETQUOTEVAR:INCLUDE Act_LeftHandNav.htm



<p> </p>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center"><a href="http://chat.boldcenter.com/aid/2959963150676961078/bc.chat" target="_blank" onClick="this.newWindow = window.open('http://chat.boldcenter.com/aid/2959963150676961078/bc.chat?url=' + document.location, 'Chat', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=640,height=480');this.newWindow.focus();this.newWindow.opener=window;return false;"><img alt="Instant message KJ Beckett using BoldchatPlus" src="http://cbi.boldcenter.com/aid/2959963150676961078/bc.cbi" width="133" height="34" border="0"></a></td>
</tr>
<tr>
<td align="center"><img name="" src="http://www.kjbeckett.com/acatalog/spacer.gif" width="100" height="3" alt=""></td>
</tr>
<td align="center">
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:kjbeckettonline?chat"><img src="http://mystatus.skype.com/smallclassic/kjbeckettonline" style="border: none;" width="114" height="20" alt="Talk to KJ Beckett for free with Skype!" /></a>
</td>
</table>



<p><br>
<br>

<a href="javascript:addbookmark()"><img src="http://www.kjbeckett.com/acatalog/addtofavourites.gif" width="120" height="20" border="0" vspace="0" hspace"0" alt="Bookmark KJ Beckett.com"></a>
</p></td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="CUSTOMVAR:ACTBROCHUREWIDTH" align="center">
<tr>

<td valign=MIDDLE align=LEFT >
<Actinic:NOWSERVING/>
<Actinic:CURRACCOUNT/><Actinic:BROCHURE_LOGOUT_SIMPLE/>

<br><table width="CUSTOMVAR:ACTSTDWIDTH" cellpadding="5" cellspacing="0" border="0" cols="3">NETQUOTEVAR:BROCHUREBODY</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
NETQUOTEVAR:POWEREDBY

</BODY>
</HTML>

**leehack** · 28-Oct-2006, 09:02 AM

Start with Act_Primary.html, unless you have specified a different layout template. Paste the code from there into here. Or just send me the file so i can take a look myself.

**paulbeckett** · 29-Oct-2006, 11:04 AM

Lee

Thanks! I have implemented the <div align="left" id="wrapper"> suggestion throughout my site which is great. Again, many thanks.

I am pretty certain (99.99999%) there wasn't a overall table wrapping around everything.

Paul

**leehack** · 29-Oct-2006, 06:04 PM

Hi Paul

I did dig out some old V7 templates and as you mentioned i did not see an outer table either. There was 3 main tables each with a 100% width attribute, which is how they lined up etc. From memory i probably added one myself in the past.

You could have wrapped a table around them all, very similar to how you have implemented the <div> tag, however V7 has so many tables within tables, it really pains me to add anymore and the <div> tag and CSS is far more efficient for your purpose.

Glad it all worked for you anyway, what width did you go for in the end?

HTH

Lee

Announcement

Fixed max page width

Fixed max page width

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment