• ベストアンサー

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

こんにちは。 ウェブログをはじめてみたのですが、 記事が【中央】で、【右】や【左】に目次やカレンダーなどが表示されるようです。このhtmlソースをいじってデザインを変更してみたいのですが、 よくわかりません。 この3列になっているhtmlソースは基本的にどのようになっているのか、ソースを教えてください。 テーブルという文字は見当たらないような気がするのですが気のせいでしょうか・・・? また、3列では多いので2列にしたいと思っています。 そのばあい、【右】か【左】のどちらかを削除して削除したもののソースをもう一方に貼り付けて2列にしたいと思っています。 この場合、どうすればよいのでしょうか? 教えてください。お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

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を削除して下さい。

その他の回答 (2)

  • ao_
  • ベストアンサー率33% (15/45)
回答No.2

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

  • angband
  • ベストアンサー率51% (86/168)
回答No.1

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

関連するQ&A

専門家に質問してみよう