asked on

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.

Tom Beck

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.

Melody Scott

ASKER

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?

ASKER CERTIFIED SOLUTION

Tom Beck

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Melody Scott

ASKER

Excellent answers, thanks very much!

Tom Beck

Thanks for the points, happy to help.