小粋空間での投稿を参考に、ブログ中の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 系ブラウザの表示の差異をなくすための「アンダースコア・ハック」







コメントする