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?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

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
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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
mel200Author Commented:
Excellent answers, thanks very much!
0
Tom BeckCommented:
Thanks for the points, happy to help.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.