« なんかややこし・・・ | メイン | Yahoo! JAPANビジネスID »

2006年10月03日

CSSで2カラムレイアウト

CSSでのレイアウトはかなり難しそうですが、2カラムだとそーでもなさそうです。

div.bg {
width: 745px;
margin: auto;
}

div.main {
color: #333;
width: 540px;
float: left;
padding: 10px;
}

div.navi {
padding: 10px;
}

bgが大枠で、mainがボディー、naviが右側のナビです。


<body>
<div class="bg">
<div class="main">
<p>
ここがメインです。
</p>
</div>

<div class="navi">

こちらにナビゲーションなど。
</div>
</div>
</body>

そんなこんなで、SEOにはかなり相性が良いようなので一部のページなどで取り入れてみては?
もちろん、SEOは中に書くタグやその配置が重要ですが・・・

コメントする

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)