2011-08-01 13 views
0

私はHTMLページの一部としてwidth: 100%;分割数を持っていますが、一部のコンテンツが水平限界を過ぎるように低解像度でページまたはビューを拡大すると画面(と水平スクロールバーが表示されます)、私は右の結果をスクロールして、私の100%幅の分割を切り捨てることがわかります。100%幅区切り

この効果は、以下の証明される:

The 100% width header is cut-off when scrolling horizontally

+0

あなたのリンクを投稿してより良いアイデアを得る – ArK

答えて

0

同じことがここでスタックオーバーフローに、このWebページで発生します。 FF5.0を使用してズームインすると、右にスクロールするとフッターとヘッダーが「切り取られます」。これは、コンテンツdivが右側にオーバーフローする必要があるためです。

私はあなたが横に溢れているのを避けたいと思っています(それは審美的には気に入らず、ページをナビゲートするのが難しいです)。

最小限の幅を持つdiv(たとえば、このWebページのdiv#コンテンツの960px)ではなく、可変(50%)のdivを持つことができます。ズームインすると、width = 50%が50%のままになりますが、オーバーフローしません。

PS:ズームを行うためのJavaScriptコードがある方がよい場合があります。そのため、ズームボタンをクリックしたときにエンドユーザーが見るものを多かれ少なかれ制御できます。ページ上に

+0

ありがとうございました - 完璧に働いた! (遅く返事をして申し訳ありません - 答えを正しく記入するのを忘れてしまい、回答時に感謝します)。 –