FC2ブログ

テンプレート・プラグイン

FireFoxでメニューの背景画像が切れます。

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3&t=9971
 2006-05-03 15:37:42
件名 :FireFoxでメニューの背景画像が切れます。

OS:WinXP
ブラウザ環境: IE6、Opera8.54、FireFox1.5.0.2
使用テンプレート名: 公式sampleをカスタマイズしたもの
ブログURL:http://tsrr.blog62.fc2.com/
一般

 公式テンプレートのsampleを変更してページをつくっていたのですが、IE6で表示されるメニューの背景画像がFireFoxで表示すると切れます。Operaでは画像とテキスト位置の解釈の違いからかぐちゃぐちゃでした。

 せめてFireFoxで画像が切れなければいいといじっているうちにレイアウトも崩れてしまいました。

 下にCSSのレイアウト関係の部分を載せましたのでどなたかご教授ください。

div#container {
width : 760px;
position : relative;
background-color : transparent;

}



div#branding {
    position : relative;
    z-index : 100;
  height : 160px ;

   }
div#navigation{
position : absolute;

        
left : 20px;
        top : 110px ;
z-index : 100;
width : 100%;

}


div.column { margin : 15px 0;
/* タイトル部分と記事、記事部分とフッター分の間隔 */
}

div#wrapper { position : relative;
top : 0px; left : 0px;
width : 100%;

}



div#center{
margin : 0 160px;
      width : 380px; 

padding : 0 20px;
/* パディング */
voice-family : "\"}\"";       /* おまじない */
voice-family : inherit;       /* おまじない */

}


div#primary-column {
}

/* アーカイブ関連ブロック */

div#secondary-column {

position : absolute ;
left : 0px;
top : 0px;
width : 160px; }

/* アーカイブ以外のブロック */

div#extra-column {
position : absolute ;
right : 0px;
top : 0px;
width : 160px;
}

/* 著作表示ブロック */

div#siteinfo-legal {
clear : both;
/* 回り込みを解除 */
margin : 0 10px;
}

by FC2スタッフ  2006年05月03日 15:37
by FC2スタッフ
2006年05月03日 15:37

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

このコミュニティにご参加頂くと、コメントの書き込みができます

21件中、1~10件表示