jquery - サイトの左側に余分なスペースがあるのはなぜですか?

Question

コーディングしている Web サイトに問題があるようです。スライドショーを画面の全幅に拡張したい。ただし、画面の左側と右側に余分なスペースが表示されます。スライドショーをそのまま維持しながらこれを修正する方法についてのアイデアはありますか?

これはサイトのリンクです: http://cgarcia2595.bugs3.com/redo%20twice%20website/

Answer 1

html, body幅を設定する必要はありません。ただし、 の が に設定されているため、のを設定解除してwidthも問題は完全には解決されません。これにより、ページの通常の流れから外れます (ページの左側に保持されます)。問題を完全に修正するには、要素から CSSを削除する必要があります。div#mainpositionabsoluteposition: absolute;div#main

メニューの左側に大きなスペースがあることに疑問を抱いている場合、それにはさまざまな理由があります。それがあなたが探しているものである場合、メニュー自体を中央に配置する必要があるかもしれません。

Answer 2

要素にはデフォルトmargin/がありますpadding。

これをCSSに追加することで、それらをゼロにリセットできます

*
{
    margin : 0;
    padding: 0;
}