2

このウェブサイトをチェックしてください：

http://www.imageworkz.asia/cranium

水平スクロールバーが表示されるまでウィンドウのサイズを小さくしてみてください。水平スクロールバーを右にドラッグすると、問題が発生します。それに応じてヘッダーとフッターが調整されていないようです。CSS では、ヘッダーとフッター要素の幅は 100% です。

これを修正する方法についてのアイデアはありますか? ありがとう！

4

4 に答える 4

1

これが 100% 幅の仕組みです。要素の幅は親要素と同じで、スクロール バーがあるため、ページよりも狭くなります。

于 2012-05-30T06:18:48.010 に答える
0

記事要素の幅は固定されているため、コンテナが縮小するとコンテナがオーバーフローします。コンテナdivをフローティングにしてみてください。これにより、コンテナが縮小しないようにする必要があります。

<div id="container" style="display: block; float: left">
于 2012-05-30T06:27:28.770 に答える
0

要素にCSS3の複数の背景画像を使用してから、'body'CSS3PIEを使用してIEで機能させる必要がありますhttp://css3pie.com/documentation/supported-css3-features/#pie-background

body{
    background: url("/cranium/img/2 MAIN/bg.jpg") repeat 0 40px, url(headerbg.png) repeat-x left top, url(footerbg.png) repeat-x left bottom;
    -pie-background: url("/cranium/img/2 MAIN/bg.jpg") repeat 0 40px, url(headerbg.png) repeat-x left top, url(footerbg.png) repeat-x left bottom;
    behavior: url(PIE.htc);
}

CSSではなくHTMLに関連して-pie-backgroundいることを忘れないで ください。これにより、問題は確実に解決されます。

于 2012-05-30T06:28:02.783 に答える
0

問題はありませんが、ヘッダーのサイズを変更する場合は、メディア クエリを使用して画面サイズに基づいて調整することをお勧めします。

メディア クエリの例

于 2012-05-30T06:15:42.150 に答える