【左】【中央】【右】に分けるブログでよく見かけるhtmlソースを教えてください。

質問

こんにちは。

ウェブログをはじめてみたのですが、
記事が【中央】で、【右】や【左】に目次やカレンダーなどが表示されるようです。このhtmlソースをいじってデザインを変更してみたいのですが、
よくわかりません。
この３列になっているhtmlソースは基本的にどのようになっているのか、ソースを教えてください。
テーブルという文字は見当たらないような気がするのですが気のせいでしょうか・・・？

また、３列では多いので２列にしたいと思っています。
そのばあい、【右】か【左】のどちらかを削除して削除したもののソースをもう一方に貼り付けて２列にしたいと思っています。

この場合、どうすればよいのでしょうか？

教えてください。お願いします。

回答No.3

buffalomasa · ベストアンサー

3列にしたい場合は、まずdivで3つのパートを作ります。

<div id="left">
～
</div>

<div id="center">
～
</div>

<div id="right">
～
</div>

あとはCSSで

#left {
　float : left;
}
#center {
　float : left;
}
#right {
　float : right;
}

を作るだけです。
widthなどは適宜設定して下さい。

2列にしたい場合はcenterを削除して下さい。

回答No.2

ao_

確かにhtmlをいじる必要もありますが、CSSでレイアウトされているため簡単ではありません。CSSも含め、コードを頂ければなんとかできると思いますが、お使いのブログによってはhtmlの編集はできないものもあります。

回答No.1

angband

最近はデザインを分離するのが流行りですので、おそらくcssで設定
しているのではないでしょうか。ブログの各ブロック(例えば記事や
カレンダ、カテゴリ一覧など）をidで定義しておいて、ページの
レイアウトはhtmlファイルに含まれないように作ります。

ページのデザイン(レイアウト)は別途、cssファイルで定義します。

ブログじゃないですが、http://jp.xoops.org/　のソースなどは
参考になるのではないでしょうか。