2005年10月30日

ブログを3カラム化するには

ブログカスタマイズ講座 > レイアウト編

パーマリンク | 投稿者 りっち | 2005年10月30日 23:53 | del.icio.usに追加 | livedoorクリップに追加
はてなブックマーク はてなブックマークに追加 はてなブックマーク件数 | Yahoo!ブックマークに登録 Yahooブックマークに登録



トラックバック

このエントリーのトラックバックURL:

このリストは、次のエントリーを参照しています: ブログを3カラム化するには:

» ブログサイト構築でのレイアウト失敗談 from ブログで稼ぐアフィリエイト サイト構築マニュアル
記事の数が多くなるにつれ、多くの記事を目に付く場所においておきたいという貧乏人根性のため、多くの場合3カラムを選ぶんですが、ここに大きな罠がひそんでいたん... [続きを読む]

トラックバック時刻: 2005年11月 5日 21:17

コメント

私は新規開拓営業研究所というサイトを運営しております大和と申します。
この度、このサイトを見つけ、大変為になる素晴らしいサイトだと思い、ぜひリンク
させていただきたくメールをさせてもらいました。

もしよろしければですが、当サイトをリンク集に加えていただけないでしょう
か?

当サイトも習って、今後素晴らしいサイトにしていくつもりです。
当サイトはアクセスアップにかなり力をいれており、各種アクセスアップの業者に依
頼して日々アクセスアップに努めており、納得のいくヒット数を提供できるようにがんばっ
ていきます。

です。もし相互リンクがOKでリンク完了いたしましたら、メールをいただけるとあ
りがたいです。

では、どうぞよろしくお願いいたします。


■新規開拓営業研究所 管理人 大和 良太郎■

URL http://www.shinki-kaitaku21.com/
E-mail info@shinki-kaitaku21.com

投稿者 新規開拓営業研究所 : 2005年11月 7日 19:30

こちらの記事を読んで#wrapperの意味が分かり
無事3カラムに変更することが出来ました。
こちらの場をお借りしてお礼申し上げます。

投稿者 Trick Roll : 2005年11月 9日 01:15

TrickRollさん、はじめまして。
センターとサイドの片方を囲むレイアウト枠(#wrapper)を作成しなくても3カラムはできますが、
SEO対策として、センターを上部に書くために、今回はこのような方法を紹介しました。
3カラム化といっても、いろいろ方法がありますので、徐々に紹介していきますね。

投稿者 りっち : 2005年11月17日 00:19

ここから質問してしまってすみません。
IE(最新)だとトップ画像以下のリンクやコンテンツが
ちゃんと中心に設置されるのですが、FireFoxだと左寄せになってしまいます。
全体のWidthを1000にしているため殆んどの人(パソコンの幅が1024までの人)は
中心に設置されて見えるのですが、幅が1280でなおかつ
FireFox系の方だけ左寄せで見えてしまいます・・・(;´Д`)ウウッ…

cssの記述の問題なのでしょうか。それともHTMLのほうなのでしょうか。
助言いただけると助かります。
ttp://blog.livedoor.jp/trick_roll/site.css
が私のサイトのcssになります。

投稿者 Trick Roll : 2005年12月 8日 14:44

中央揃いにするには、いくつか方法がありますが、
スタイルシートでmargin の左右を自動調整にするのがベストです。
ページ全体を指定しているクラスに、下記のように追加、あるいは、編集します。

#blogcontainer {
margin: 0px auto;
width: 1000px
}

投稿者 りっち : 2005年12月 9日 00:29

無事にちゃんと真ん中に表示されました!
超私的な質問なのに素早くお答えていただいてありがとうございます(涙)
これからもこちらのブログを見ながら勉強していこうと思います。

投稿者 Trick_roll : 2005年12月 9日 20:43

コメントしてください




保存しますか?

(書式を変更するような一部のHTMLタグを使うことができます)



アクセス解析