私のページが右にあふれているのはなぜですか？

Question

私はMatthew James TaylorのHoly Grail 3列液体レイアウトのバリエーションを使用しています。私のdoctypeがXHTMLだったとき、それは完全に私のために働いていました。しかし、私がHTML5に移行したとき、それは右にオーバーフローし始めました。可視領域はまだうまく描画されますが、ブラウザーには水平スクロールバーが表示され、ページの右側に余白があります。

マイウェブサイトはこちらです： Western Wake Farmers' Market | Link to CSS

これをどのように修正できるかについての洞察はありますか？

Answer 1

なぜ起こったのですか？あなたは私に頼まない限り、私はそれを見ないでしょう。

#header内のulは、width: 100%と（前に述べた@zerocratesのように）パディングを組み合わせると広すぎます。それを修正する方法

：

• #header内部ulからwidth: 100%を削除します。
• 何か問題が発生した場合は、overflow: hiddenを#headerに追加する方法もあります。

Answer 2

あなたの#header ulスタイルでは、左側に100％幅と22 emsのパディングが指定されています。

コンテンツの幅に加えて、埋め込みが適用されるため、ページの幅よりも大きいことがあります。ulはそれ以上スクロールする必要があります。