小粋空間  -  a cheap joke and a play on words site

livedoor テンプレート修正（リキッドレイアウトの不具合を解消する）

現在公開中の 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 のみに適用しています。

なおダウンロードアーカイブは修正済です。
この修正を行うことで下記のようにスクロールによる影響は解消されます。