New To BTO Customizing

Please review this page:

it appears you are optimizing for a very wide screen resolution.  You may wish to look at the site at something like 1024x768 and understand what it looks like for those users.

To see the likely impact on customers of an overly wide/long  site design see http://browsersize.googlelabs.com/  where you can put in a URL and it overlays viewability info over the top and which also gives percentages on the number of users that will need to scroll to "appreciate" an overly wide website. Customers are really not keen on scrolling sideways!!  

Bruno,

the issue with your design is simply that header.asp and footer.asp have not been properly set to "contain" the ProductCart code. In your code you have a table that is closed in header.asp, instead of being opened there and closed in footer.asp.

Right now the message shown on http://xtreme-hps.com/shop/pc/msg.asp?message=304 stretches across the entire width of the screen because there is no design element that is setting its width. Since the main ProductCart DIV is set to fill 100% of the parent, and since there is no parent, it fills 100% of the screen size.

Fixing the problem should take less than 1 minute.

From a very quick look at the code, the problem is simply that you have:

<table width="820" border="0" align="center" cellpadding="6" cellspacing="0"> <tr> <td width="289" bgcolor="#FFFFFF" class="description"> <p align="center"> </p> </td> </tr> </table>

... entirely in header.asp.

Instead, as mentioned above, you need to end header.asp with the opening tag for your "container" design element, which in this case is the table cell in this table.

So header.asp should end with:

<table width="820" border="0" align="center" cellpadding="6" cellspacing="0"> <tr> <td bgcolor="#FFFFFF" class="description">

... and footer.asp should begin with:

</td> </tr> </table>

We removed the width from the table cell because it seemed inconsistent with the width of the table.

We hope this helps.

Hamish wrote: Hi Bruno,     My comments were based on the fact that you said the site design was 1280 * 1024px.If you take a look at the results for your site using the Google tool you will get an idea of the percentages of site visitors that will need to scroll sideways to view the site and it's not insignificant.

I'd like to second Hamish's comment and Greg mentioned this above too.

I remember the first web site I ever built way back right after Al Gore invented the Internet (sorry, I still get a chuckle out of that). I build it for MY screen resolution only to be dismayed at what others were seeing on their 800 x 600 resolution.

You can't build your site for yourself. You have to build it for the demographic. I'd recommend not going over 1000px wide (as you need the other 24px for the vertical scroll bar). I'm also not a big fan of fluid width either as some folks can have extremely wide view ports and things can just fall apart and look horrible on that.