Netscapeのbackground-positionに関して。

質問

CSSで背景の位置を左右のみ中央揃え、
上からは数値指定を行いたいのですが、

background-position :center 106px;

と、キーワードと数値を合わせて指定すると、Firefox・
InternetExplorer・Operaではうまく表示されるのですが、
Netscape7.1の表示だけうまく行きません。

どなたか うまく表示させる方法をご存知の方は
いらっしゃらないでしょうか？　よろしくお願いします。

回答No.1

ba-demi · ベストアンサー

参考程度ですが、アルファベットでの指定と数値での指定が混在するのはあまりよろしくないと聞いたことがあります。

background-position : 50% 106px;

にしてみてはいかがでしょうか。

お礼

回答ありがとうございます。

キーワードの混在はよくないだろうなと思いつつ、
％を使うとボックスのセンタリングと同じで表示が崩れるんじゃないかと
思い込み、使用すること自体を忘れていました。

ご指示いただいたCSSで無事センタリングできました。

灯台下暗しでした(汗)
ありがとうございます。

回答No.3

noname#23734

background-position :center 106px;
はNetscape7.1で無視されますね。

<style type="text/css">
body{
background-position :center 106px;
}
</style>
<SCRIPT language="JavaScript">
<!--
alert(document.styleSheets[0].cssRules[0].cssText)
// -->
</SCRIPT>
こんなことを書いてみるとキーワードと長さの値を組み合わせるとスタイル部分が無いと返してきますので無視しているのではないかと思います。
キーワードとキーワードの組み合わせならスタイル部分をしっかり返します。

ですからキーワードと長さの値を組み合わせなければ良いと思います。

お礼

回答ありがとうございます。

検証までしていただきありがとうございます。
スタイル部分を無視していたんですね…。

ご指摘通りキーワードと長さを組み合わせなければ、
難なく表示できるのですが、それではキーワード指定か、
数値指定の２択で、ブラウザの表示サイズで見た目が変わるため、
どうにか数値と中央揃えを混ぜれないか…と思い質問させて
頂きました。

ありがとうございます。

回答No.2

MAN_MA_RUI

Netscape7.1はリリースからもう３年近く経過しています。
セキュリティの観点からすれば非推奨ブラウザですし、Webデザインの観点からすれば取り残されたバグが厄介者です。
対応すること自体を問題とするわけではありませんが、Netscape7.1の利用は勧めないようにしたほうが良いですよ。

お礼

回答ありがとうございます。

ログを見るとまだ使用していらっしゃる方がいるみたいなので、
どうにも外すことが出来ず四苦八苦していました。

勧めつつ、バグは一応対処しておきたいと思い、
質問させて頂きました。

ありがとうございます。