テーブルタグ使わないで、ページの構成をする場合のメモ
楽なんで、テーブルタグ使いがちなんですが、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要素についてはこちらが分かりやすく書かれています。