Dreamweaver Template Page Extending Beyond Borders And I Don't Know Why

Hey, an .html Dreamweaver Template I made for the inner pages of a website is extending it’s borders and I can’t figure out why. It’s stretching the page outside of the supposed set limits I thought I put on it :mad: It should be centered and contained. If someone could help me figure this one out I’d appreciate it, as would the hair still existing on my head.

Here’s a link to the Template itself:
http://www.codyfirstpresbyterian.org/Templates/inner_pgs.dwt

Here’s a page associated with the above Template:

http://www.codyfirstpresbyterian.org/mission_intro.html

Here’s a normal/correct page:

http://www.codyfirstpresbyterian.org/blog.php

Thanks!

Find and remove nowrap=“nowrap”, which is preventing lines of text from wrapping and forcing the layout to be as wide as the longest line.

Please consider moving away from tables for layout, which is argued at length in the topic Why Switch from Table to CSS layout?

My goodness that is a LOT of information and a LOT for us and our small company to think about. I graduated from the Art Institute of Colorado with a Bachelors in Graphic Design in '06 with very little website knowledge. With the job I currently have my boss wanted me to learn to design websites, so I was taught by a veteran co-worker who learned to do web designing with Photoshop and/or Illustrator- piecing/cropping/slicing the Photoshop design together in Dreamweaver using tables AND a CSS stylesheet for fonts, colors, backgrounds, etc. Based on reading the forum link you sent I would be in favor of moving to CSS only built sites (except allowing for tables when there is tabular data). What would you suggest to be our next move to make?

Well, for now, removing that nowrap attribute will fix the immediate problem with content width. :slight_smile:

At time of writing, the page is showing a 404 as the URL points to mission_intro.php rather than mission_intro.html

I’m sure other Sitepoint regulars will have plenty of good ideas for how best to adapt your workflow to CSS layouts. Perhaps ask for help in converting a single page to begin with. There are some keen and fast workers around here.

An important point is not to allow Photoshop to dictate the markup, which tends to result in inflexibility. For instance, increasing the font size in my browser causes gaps to appear in your Home page, resulting in purple text on a purple background. Photoshop is a great tool as long as it is wielded with an understanding of how to combine graphics with sound markup. Let visual design work for content, rather than content being constrained by design.

Once you’ve grasped the principals of CSS layout, and applied them, you will wonder how you ever managed with tables, especially in such deep nesting.