HPでXPで表示されたものがWin7ででない

このQ&Aのポイント
  • ホームページでWinXP・WinVistaで表示されてたものがWin7で表示されません。文字を白抜きにせずに色を付ければ良いのではと言われればそれまでですが、何故そうなるのかを知りたいので宜しくお願いいたします。
  • ホームページでWinXP・WinVistaで表示されてたものがWin7で表示されない問題について、文字を白抜きにせずに色を付ければ解決できるかもしれませんが、その理由について詳しく教えてください。
  • Win7でホームページの表示に問題があります。文字の枠の濃い色の部分が白抜きになってしまい、表示されません。色を付けることで解決できるかもしれませんが、なぜこのような現象が起きるのか教えてください。
回答を見る
  • ベストアンサー

HPで XPで表示されたものがWin7ででない

ホームページでWinXP・WinVistaで表示されてたものがWin7で表示されません。 内容は       H2{font-family:Times New Roman;font-size:30pt;font-weight:bold;color:"#ffffff";filter:glow(color="#70780c",strength=20);width:650;height:30;position:relative;top:10;left:0;} --> の白抜きの文字の枠の濃い色の部分です。文字を白抜きにせずに色を付ければ良いのではと言われればそれまでですが、何故そうなるのかを知りたいので宜しくお願いいたします。 出来るだけ詳しくお教え下さい。

  • Wuzhen
  • お礼率67% (117/174)
  • HTML
  • 回答数5
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
回答No.4

多分XPとvistaに入っているブラウザとWin7に入っているブラウザが異なっているのではないでしょうか? http://css.uka-p.com/point/browser.html 試しにIE9でやってみたのですが、その書き方では確かに表示できませんでした。 が、 colorの値についていた""を消して(必要ありません)、widthとheightの値の単位をつけると表示されました。 (数字だけではダメ。ptとかpxを数字の後ろにつけること。ptとpxでは大きさの単位が異なるので注意) ただ、heightの値を大きくしておかないと文字の高さ半分しか表示されませんよ。 正確に書かないと表示ができなくなっているようです。

Wuzhen
質問者

お礼

有り難うございます。まだ解決はしていませんが、考える方向をお教え頂きました。 有り難うございました。

Wuzhen
質問者

補足

有り難うございます。 ご指導頂いた通り(のつもりで)に、 H2{font-family:Times New Roman;font-size:30pt;font-weight:bold;color:#ffffff;filter:glow(color="#70780c",strength=20);width:650pt;height:30pt;position:relative;top:10;left:0;} --> この様にしたのですが上手く行きませんでした、何処か間違っていますでしょうか。 宜しくお願いいたします。

その他の回答 (4)

  • neko-ten
  • ベストアンサー率55% (1287/2335)
回答No.5

Oh >「エンジン」とは何を指すんでしょうか!? 幼稚な質問だと思いますが宜しくお願いいたします。 ブラウザには、HTMLやCSSを解釈して表示するための機能をまとめたものがあって、それをレンダリングエンジンと読んでいます。 (JavaScriptエンジンも含む場合がありますが、今回はそのあたりは割愛します) そのレンダリングエンジンにもいろいろ種類があり、ブラウザによって使っているものが違います。 IEの場合、Tridentと呼ばれるレンダリングエンジンを使っています。 IEのバージョンによってTridentもバージョンが違いますから、バグがあったりなかったり、HTMLやCSSの解釈が違ったりします。 他にも、GoogleChromeやsafariではWebKitと呼ばれるエンジンを、FireFoxではGeckoと呼ばれるエンジンを使ったり・・・ LunaScapeやSleipnirのように、ユーザーが切り替えられるものもあります。 このエンジンの違いで表示が変わりますから、サイトを作成するのであればそれぞれの動作を大まかにでも把握している必要があります。 できれば、各ブラウザで動作確認できる環境はほしいと思いますよ。 IEのように、Verが変わるだけで動作がガラッと変わるものもあります。 IE6のTridentとかバグの塊ですから、独特なCSS記述が必要だったりします。めんどくさい。 今回のブラウザがわからないので、一般的な回答ではありましたが・・・ もしIEを使っているのであれば、ANo.4さんの回答が参考になると思います。

Wuzhen
質問者

お礼

色々と知らない事をお教え頂きまして有り難うございました。

Wuzhen
質問者

補足

有り難うございます。パソコンはWindows 7 で、Internet Explorer 10 でした。 今のところ、この程度しか判りません。 Windows 7 でも Internet Explorer 9 の場合は、Win XP や Win Vista と同様上手く表示できています。 宜しくお願いいたします。

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.3

その環境のXPとVISTAのブラウザがIE(Internet Explorer)だから表示できる。 それは、 貴方が利用している「filter」がIE用独自のCSSだからです。 なので、おそらく、 Win7で利用しているブラウザがIEではないと思うので、「filterが適応されない」のと、 colorのダブルクォーテーションが不要。

  • neko-ten
  • ベストアンサー率55% (1287/2335)
回答No.2

Tridentじゃないとfilterは有効にならんけど、エンジンはなに使ってるん?

Wuzhen
質問者

補足

済みません。ホームページを始めて間が無いため詳しい言語も良く知りません。「エンジン」とは何を指すんでしょうか!? 幼稚な質問だと思いますが宜しくお願いいたします。

  • LHS07
  • ベストアンサー率22% (510/2221)
回答No.1

HP というと フューレットパッカー社 馬力もHousePower 両方の意味があります。 ホームページの表示はOSではなく ブラウザの名称とバージョンに依存します。

関連するQ&A

  • ピクセル表示をパーセント表示にするには?

    ピクセル表示をパーセント表示にするには? style.cssで下のような記述をしています。 これをパーセント表示に切り替えたいのですが、 WIDTH: 640px;を WIDTH: "100%"に変更する他に、 どこを変更すればよいのでしょうか? 上の変更だけでは、パーセント表示に切り替わりません。 よろしくおねがいします。 -----ここから BODY { BACKGROUND-COLOR: #000000 } TABLE { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 640px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px } DIV.veryimportant { FONT-SIZE: large; BACKGROUND: #7375ce; COLOR: #ffffff } A:hover { FONT-WEIGHT: bold; COLOR: #f00ca0 }

    • ベストアンサー
    • HTML
  • W3C CSSで文法解析エラーが発生しました

    W3C CSS 検証サービスで 文法解析エラーが発生しました というエラーメッセージが出ます。 cssは次のとおりです。 .qa { color: #ffffff; /* 文字色 */ font-size: 17px; /* 文字サイズ */ font-weight: bold; /* 文字を太く */ text-align: left; .q { background: linear-gradient(-80deg, #ff65ff, #65ffff); /* グラデーションの背景色 */ border: 2px solid #ff0000; /* 線の太さ 線のタイプ 線の色 */ border-radius: 20px; /* 角を丸く */ height: 60px; padding: 15px 40px 15px 15px; position: relative; cursor: pointer; &:before { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%); } &:after { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%) rotate(90deg); } } .q.active { &:after { display: none; } } .a { background-color: #999999; border-radius: 20px; /* 角を丸く */ height: 60px; display: none; padding: 15px; } } 検証したスタイルシートを以下に示します の表示は .qa { color : #ffffff; font-size : 17px; font-weight : bold; text-align : left; } です。 どこをどのようにすれば良いでしょうか?

    • 締切済み
    • CSS
  • Firefoxでのスタイルシートの記述について

    Firefoxでのスタイルシートの記述について 4つの文字を配置するために (1) font-size:18px; font-weight:bold; color:#000000; margin:127px 72px 0px 40px; (2) font-size:18px; font-weight:bold; color:#000000; margin:64px 72px 0px 40px; (3) font-size:18px; font-weight:bold; color:#000000; margin:101px 72px 0px 40px; (4) font-size:18px; font-weight:bold; color:#000000; margin:65px 72px 0px 40px; と指定しました。IEでは思った位置になったのですが Firefoxでは(2)(3)(4)が下のほうにずれてしまいました。Firefoxに合わせるとIEでの位置が上にずれてしまい頭を悩ませています。 記述の間違いや、アドバイスなどあれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • IE以外のブラウザでも表示したい

    文字をウィンドウ底面に合わせて動くレイアウトにした所、 Netscape・FireFox・Operaでは文字が消えて見れませんでした。IEでは普通に希望レイアウト通り見れています。 IE以外のブラウザ(最低限上記)でも見れるようにするにはどうしたらよいのでしょうか? タグは以下のようになっていますがどこか間違っていたらご指摘お願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>menu</title> <style type="text/css"> <!-- BODY{ scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:black; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; background-color : black; background-image : url(logo.gif); background-repeat : no-repeat; background-attachment : fixed; position : fixed; } P{ font-family : Arial; font-weight : bold; color:#dcdcdc; position:absolute; bottom:0px; margin-left : 30px; } FONT{ font-size : 8pt; font-family :"MS ゴシック"; font-weight : normal; } --> </STYLE> </head> <body> <p align="center"> <a href="**.html" target="**">1</a><br> <br> <a href="**.html" target="**">2</a><br> <br> </p> </body> </html>

    • ベストアンサー
    • HTML
  • 影付き文字の表示

    スタイルシートで <span style="width:100%;filter:blur(add=1,direction=135,strength=20)"> <FONT SIZE="6" COLOR="blue"><B>サンプル</B></FONT></span> のように作成した「サンプル」の文字が以前は影が表示出きていたのに最近表示出きません又、 <div style="width:100%; filter:shadow(color=#666666,direction=135)"> <IMG SRC="images/***.Jpg" ALT="***" WIDTH="240" HEIGHT="180" BORDER="0"></div> で写真に影を付けていたのですが同じように最近は表示出来ません。 何が原因なのでしょうか? 教えて下さい。

  • CSSを使った丸ナンバー付きテーブルの挿入

    HTMLで作成した丸ナンバー付きテーブルをスタイルシートを使って挿入しようと思っているのですが、肝心の数字の部分が真っ白になってしまいました。関係しそうなところだけ抜き出してみました。 (↓headの中に書いてある) body {background-color: white; background-image: url(dolp2.gif); color: #000000} table, td {width: 800px; border: 2px #C0C0C0 solid; border-collapse: collapse; background-color: #ffffff;} (↓body以下に書いてある) <div><Table border="0"><Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> 1 </Td></Tr></Table> </Td><Td width="350"> ===ここに文章を書いて下さい1=== </Td></Tr> <Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> 2 </Td></Tr></Table> </Td><Td width="350"> ===ここに文章を書いて下さい2=== </Td></Tr> <Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> 3 </Td></Tr></Table></div> </Td><Td width="350"> ===ここに文章を書いて下さい3=== </Td></Tr></Table> このようなタイプのものはheadやcssにあげたほうがいいのでしょうか? 最初はこのままbodyのなかに収めておこうかと思っていたのですが、上記のような事態になってしまったのでどうしたらいいのか困っています。 HTML初心者なので、なにとぞ宜しくお願いします。

    • ベストアンサー
    • HTML
  • firefoxでCSSがうまく反映されないです!

    スタイルシート(外部)で.moji{color:#;font-weight:bold} .moji a:link, .moji a:visited,{color:#f66;font-weight:bold}という具合に各クラスにリンクした時の色を指定するとIEでは反映されてもfirefoxでは反映されません。どうすれば両方にうまく反映されるのでしょうか? 教えてください!

    • ベストアンサー
    • HTML
  • CSSで背景にグラデーションをかけたいけどできません。

    filter: progid:DXImageTransform.Microsoft.Gradient (StartColorStr=#000099, EndColorStr=#ffffff, GradientType=0) これをcssファイルのbodyのところに下記のように 付け加えたのですが反映されません。 BODY{ font-style:normal font-weight:normal font-size:small text-align:center;/ color:#000000 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#000099, EndColorStr=#ffffff, GradientType=0) } 元は背景色と背景画像が指定してあった部分 background-color:#ffffff;/ background-image:url(./img/back.gif);/ を消してそこに入れたのですがそれは問題ないですよね? 教えてください、お願いします。

    • ベストアンサー
    • CSS
  • タグの組合せ方について

     ホームページ作成ソフトを使ってはいませんが、メモ帳に直接HTMLを入力してページを作ろうとしています。初心者です。  今回は発光させた文字をセンタリングする方法について教えてください。文字を発光させるには<div style="font-size:24pt; color:orange; position:absolute; filter:Glow(color=aqua, strength=8)"> ここに発光色を付けたい文字 </div>みたいな感じで入力します。また、文字をセンタリングするには<div align="center">センタリングする文字</div>と入力します。  この2つを組合せ、発光した文字をセンタリングするにはどう記述すればよいですか?

  • CSS:スタイルシートでテキストリンク

    教えてください!! 外部ファイルのスタイルシート(CSS)を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 IE6.0では問題なく起動していますが、NS7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか? ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のCSSの記述】 .menu { font-family: "MS Pゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

専門家に質問してみよう