Content messes up CSS

Hi, I've got a few questions on this website.

http:// www dot uncle will productions dot com

I just changed the right image on the internal pages to read repeat:y

First:
on the page Press and Applause, I've lost a lot of the text

Second, as I go from page to page, everything kid of moves around.
Going from home to contact us, bookings or links (the simple pages), everything stays the same. But going to pages with more content or pictures moves the elements around on the page.

Using IE 8 and FF 3.6. Created on Dreamweaver SC4.
mel200Asked:
Who is Participating?
 
Tom BeckCommented:
>>It still moves around a bit

The Photos and Videos page jumps downward when you navigate to it because there is a <br /> tag at the end of the <title> declaration.

On the "About the Play" page, the left menu drops down because there is a <br /> tag inside the first table cell just before the menu list starts.

Pages jump from left to right as you navigate because some of the right content is governed by the #content definition and some by the #internal definition. You should consider picking one and use it for all right content.
0
 
Tom BeckCommented:
There's a couple things you can do to improve things. In your css change this definition:

#internal td{
  vertical-align: top;
  padding: 10px;
  font-family : Trebuchet MS ;
  font-size:14px;
}

There were some conflicting padding styles in there that were making the table much wider than the background.

 Also, take out the repeat-y. You want the background to be 700px wide. It's actually 700 + whatever padding you add in the definition above. When it gets too wide it pushes the left image toward the left edge, hence the jumping around when you move to a different page. The background image is only 680px wide and you need it to repeat to fill the difference.
0
 
mel200Author Commented:
Thanks, that helps a lot. It still moves around a bit, would you be willing to take another look now that I've made those changes?
0
 
mel200Author Commented:
Excellent answers, thanks very much!
0
 
Tom BeckCommented:
Thanks for the points, happy to help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.