![]()
- cssを使って枠を作成したく以下の記述をbodyの中にしました。
cssを使って枠を作成したく以下の記述をbodyの中にしました。 div#main{margin-left:auto;margin-right:auto;width:750px;} これによりbodyの中に750pxの枠が出来ましたが、その枠を更に2等分したく、以下の記述をしました。 div#waku{margin-left:auto;margin-right:0px;width:250px;background-color:#ccffff;} これにより枠の左側に250pxの枠が出来ました。 更にその右側に500pxの枠を作成したく以下の記述をしました。 div#waku1{margin-left:0px;margin-right:auto;width:500px;} これにより枠の右側に500pxの枠が出来ました。 それぞれの枠の中に、画像を挿入するためにdiv#wakuの中に、以下の記述をしました。 <p class="img"> <img src="img/test.gif" alt="テスト" width="200" height="999" /></p> 次に div#waku1の中に、以下の記述をしました。 <p class="img"> <img src="img/test.gif" alt="テスト" width="550" height="999" /></p> 私は、左右対称になると思ったのですが、なかなかうまくいきません。 私は、750pxの枠を作りその枠の中で左側に200pxの枠、右側に550pxの枠を作成して、更に左側枠の背景色のみ変更し、左側の枠、右側の枠、それぞれに画像やテキストを、ページ一番上から入れていきたいのですが、なかなかうまくいきません。 どなた様か、ご指導のほどよろしくお願いいたします。