備忘:Blog表示サイズの変更

| コメント(0) | トラックバック(0)

小粋空間での投稿を参考に、ブログ中の3コラムの幅を若干拡大。 この結果、中央コラムでの横長バナーや左右両コラムにおけるリンクバナー表示時も若干太目のものの利用が可能となる。 何よりも最大の利点は、サムネイル表示の写真に、より大きなファイルが利用でき、より説得力のあるブログ作成が可能。ただ、投稿の文章量もスペースの広さに埋没しそうなのでより、読みやすく簡潔な内容で、レイアウトも工夫が必要か?
before mod.

.layout-three-column #box {
width: 850px;
margin-right: auto;
margin-left: auto;
padding: 0 0 15px 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
text-align: left;
background-color: #ffffff;
}
       :
      (略)
       :
.layout-three-column #content {
float: left;
width: 478px;
margin: 0 0 10px 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
}

after mod...
.layout-three-column #box {
width: 870px;
_width: 872px;
margin-right: auto;
margin-left: auto;
padding: 0 0 15px 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
text-align: left;
background-color: #ffffff;
}
       :
      (略)
       :
.layout-three-column #content {
float: left;
width: 498px;
_width: 500px;
margin: 0 0 10px 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
}

プロパティの先頭に "_" がついているのは、IE/Mozzika 系ブラウザの表示の差異をなくすための「アンダースコア・ハック」

トラックバック(0)

トラックバックURL: http://www.doggy-garden.com/MT/mt-tb.cgi/916

コメントする

2008年8月

          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

アーカイブ

Recommendations

Blog People

Adsense

このブログ記事について

このページは、管理人が2006年12月29日 12:31に書いたブログ記事です。

ひとつ前のブログ記事は「GR DIGITAL用ファームウェア V2.21」です。

次のブログ記事は「GR DIGITAL CALENDAR当選!」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 4.2-ja

Access Counter

ENOTECA Online(ワイン通販 エノテカ・オンライン)

Apple Store(Japan)

九十九電機

セブンアンドワイ

FUJICOLORプリントおとどけ便

Creative Commons License
このブログはクリエイティブ・コモンズでライセンスされています。