読者です 読者をやめる 読者になる 読者になる

テーブルタグ使わないで、ページの構成をする場合のメモ

Web

楽なんで、テーブルタグ使いがちなんですが、CSS弄る時とかを考えたらやっぱりDivタグで上手く構成した方がいいんですよね。てなわけで、凄い今更だけど、2カラムのページを作る時のタグとCSSメモ。
HTML側で重要なのはContentクラス以下ですね。

    <div class="Header">

    </div>
    <div class="Content">
        <div class="SideBar">
       
        </div>     
        <div class="MainContent">

        </div>
    </div>

CSS側で重要なのはfloat要素

.SideBar
{
    width: 200px;
    height: 500px;
    float: left;
}
.MainContent
{
    height: 500px;
    width: 500px;
    float: left;
    margin-right: -500px;
}
.Content
{
    height: 600px;
    width: 800px;
}

float要素についてはこちらが分かりやすく書かれています。

CSS(ƒXƒ^ƒCƒ‹ƒV[ƒg) float