divとtable要素がヘッダー/フッターと重ならないようにするにはどうすればよいですか？

Question

私は問題を抱えています。同様の質問で答えが見つかりませんでした：

私は、ブラウザのサイズを変更すると、水平スクロールイメージギャラリーとテキストのサイズを動的に変更するサイトがあります。私はOKを働いている部分、私はそれぞれの要素の適切な制御を得るように見えることはできません。

を見てみましょう：あなたは、ブラウザのサイズを変更する場合は、ギャラリーが縮小開始し、あなたが十分に小さいブラウザのサイズを変更する場合は、ギャラリーは最終的にだけでなく、フッターと重なる前にhttp://john-godwin.co.uk/testsite

を、大規模なテキストがギャラリーに重なります。

すべての要素を境界内にとどめ、それぞれの要素空間に侵入することなく他の要素のそれぞれのサイズを変更するためにコードに加える必要がある変更を知っている人はいますか？

ありがとうございます。

CSSはhttp://john-godwin.co.uk/testsite/css/style.css

Answer 1

で見つけることができますが、大規模なテキストを前に、ギャラリーと重なる言うとき、あなたはあなたのフッターを重ねギャラリーで持っている問題を修正する必要があります.contentクラスのz-index:500;