Saturday, December 16, 2006

Column Widths

Your site has 3 main customization areas -- left, middle, and right. If you add extra wide custom content to the middle column, it will stretch the center column of your entire site. Sometimes, this will push the content in the right column off your viewer's screen.

If you'd like to avoid stretching your site beyond a reasonable resolution, try adding your wider custom content to the "Add Ticker" customization box instead of the main customization areas. This box allows you to add content that can fill the entire width of the screen without stretching the rest of your site.

Check out http://www.babysfirstsite.com/bailey and take a look at the pregnancy photo collage. It spans the entire width of the page, but doesn't disturb the widths of the rest of the columns. This collage was added to the ticker area.

It's always a good idea to make sure your site can be viewed without forcing your visitors to scroll to the right. You can do this by keeping the content in each column close to the width of the standard elements. The measurements below are a good guideline.

Left: 400 pixels maximum
Middle: 200 pixels maximum
Right: 250 pixels maximum

No comments: