0
私は最初のウェブサイトを構築しようとしていますが、問題があります。 "leftSidebar"と "rightSidebar"という名前の左ボックスと右ボックスは、中央のコンテンツの横に（左と右に）配置されているはずですが、ボディボックスの内側（罫線でテスト済み）。私は間違って何をしていますか？私は左と右のサイドバーが真ん中のコンテンツの隣にあるようにしたい！CSS - ボックス内のボックス
また、ボディボックスを横切って下に向かっているので、スクロールすると背景が止まり、白い背景が表示されます。多分あなたは自分自身の背景でそれをテストすることができますか？
あなたはあなたのコードに対処する必要がある多くの問題を持って、すでにクレイをすりゃ、できるだけ早く
おかげ
body {
\t background-image: url(wp1.jpg);
\t background-size: 100%;
background-repeat: no-repeat;
\t color: white;
}
.body {
\t width: 70%;
\t border: 1px solid white;
\t margin: 5% auto;
\t clear: both;
\t
}
a {
\t text-decoration: none;
}
nav ul li {
\t list-style-type: none;
}
.navHeader nav ul li {
\t float: left;
\t display: inline;
\t margin: 0 auto;
}
.navHeader nav {
\t border-radius: 5px;
\t border: 1px dashed white;
\t height: 50px;
}
.navHeader {
\t background-color: black;
}
.leftSidebar {
\t float: left;
\t border: 1px white solid;
\t border-radius: 2px;
\t margin: 2% 0 2% 2%;
\t width: 20%;
\t
}
.rightSidebar {
\t float: right;
\t border: 1px white solid;
\t border-radius: 2px;
\t margin: 2% 0 2% 2%;
\t width: 20%;
}
.allContent {
\t background-color: black;
\t width: 60%;
\t text-align: center;
\t margin: 0 auto;
}\t <body class="body">
\t
\t <header class="navHeader">
\t \t <nav><ul>
\t \t \t <li><a href="#">Home</a></li>
\t \t \t <li><a href="#">News</a></li>
\t \t \t <li><a href="#">Programming</a></li>
\t \t \t <li><a href="#">Downloads</a></li>
\t \t \t <li><a href="#">Contact</a></li>
\t \t </nav></ul>
\t </header> \t
\t
\t
\t \t <aside class="leftSidebar">
\t \t \t <content>
\t \t \t \t <h3> Sidebar Left Title </h3>
\t \t \t \t \t <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\t \t \t \t \t Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
\t \t \t </content>
\t \t </aside>
\t \t
\t \t \t \t
\t
\t \t
\t \t <aside class="rightSidebar">
\t \t \t <content>
\t \t \t \t <h3> Sidebar Right Title </h3>
\t \t \t \t \t <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\t \t \t \t \t Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
\t \t \t </content>
\t \t </aside>
\t \t
\t <div class="allContent">
\t
\t \t <article class="middleContent">
\t \t \t <content>
\t \t \t \t <h2> This Is A Post </h2>
\t \t \t
\t \t \t \t \t <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\t \t \t \t \t Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
\t \t \t \t \t <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\t \t \t \t \t Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
\t \t \t </content>
\t \t </article>
\t \t
\t \t <footer class="footerdown">
\t \t \t <p>Copyright © <a href="#" title="black papiyon">blackpapiyon.com</a></p>
\t \t </footer>
\t
\t </div>
\t
\t
\t </body>
</html> \t
申し訳ありませんが、私はあなたが何を意味するかわからない、おそらくあなたはそれが見えるようにしたい画像を投稿することができますか？ – joshhunt
見て、私は中間のコンテンツ（ "クラスmiddleContent"）を持っているとしようとしています、そして、その左側に、私は私の左側のバーを置こうとしています、そして、それの右側に、右側のバー。これらはすべて私の体の中にあります...右のサイドバーはボディの下にあり、左側のサイドバーはボディの内側ですが、その下の境界を横切ります...あなたのエディタに挿入するだけであなたがそれを手に入れなかった場合のために私が何を意味するか知っている – kendrickLamar