Top ＞
livedoorブログ
＞ livedoor テンプレート修正（リキッドレイアウトの不具合を解消する）
2006年9月10日
livedoor テンプレート修正（リキッドレイアウトの不具合を解消する）
Posted at September 10,2006 1:10 AM
Category：[livedoorブログ]
Tag：[livedoor, Template, TroubleShooting]
Category：[livedoorブログ]
Tag：[livedoor, Template, TroubleShooting]
現在公開中の livedoor ブログテンプレートのリキッドレイアウトに不具合がありました。
具体的には、表示された画面をスクロールアップしてタイトルバナーを見えない状態にして、スクロールダウンしてタイトルバナーを表示するとタイトルバナー上部が真っ白になる、というものです（下）。
原因は、タイトルバナー上に設定されている livedoor ブログの table 要素が影響しているようです。
この不具合を解消するにはスタイルシートのバナー用の設定箇所に width プロパティ（青色）を追加します。
：
/* タイトルバナー */
.layout-three-column-liquid #banner,
.layout-two-column-liquid-left #banner,
.layout-two-column-liquid-right #banner {
_width: 100%;
}
#banner {
padding: 15px;
border-bottom: 1px solid #666699;
color: #999999;
background: #8fabbe;
：前述の問題は IE のみ発生し、Mozzila 系ブラウザでは正常に表示されます。逆に width プロパティを Mozzila に適用すると横スクロール常に表示されてしまうという不具合が発生するため、アンダースコアハックで IE のみに適用しています。
なおダウンロードアーカイブは修正済です。
この修正を行うことで下記のようにスクロールによる影響は解消されます。
Posted by yujiro このページの先頭に戻る
- livedoor ブログ設定方法
この記事を読んだ人はこんな記事も読んでいます
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバックURL
コメントする
greeting
