• ベストアンサー

間違い。

このHTMLは間違ってますか? ページを表示しても真っ白になります。 背景を右端に固定したいのですが。。 <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> <BODY> ・  ・ </BODY> </HTML>

  • HTML
  • 回答数3
  • ありがとう数0

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

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

>ページを表示しても真っ白になります。 ご提示されているソースから意図を察すると背景を指定しているのにその望む結果が得られないという事でしょうか? それですと肝心の >background-image : url("画像のURL"); この「画像のURL」が怪しく、且つ未提示の為に評価できません。 また、素直に質問文を読んで「ページが真っ白」という事なら、そもそも本文だけなら表示されるのか不明の為と本文が未提示の為に評価ができません。 そもそも、確認する動作環境をどの様に想定しているのでしょうか。 変な話、テキストデータ(sample.txt)だってIEで表示は出来ます・・・。 で、改めて今回のお勧め確認事項(ポイント) 1.本当に望むファイルを表示していますか? 2.どの記述から望む表示でなくなりますか? (最初は1行だけで、徐々に1行づつ追加していきます。この場合は文法は二の次です。まずはテキストデータとして表示という意識で、後にHTML文という意識で良いと思います。あくまで検証が目的です。) 3.どの環境から望む表示でなくなりますか? (まずはローカル。ご自分のパソコンで検証。後にサーバにupして検証。) おまけ。 文字化け絡みで、ある属性値が終わっていないと判断されると、延々とそのタグの一部と判断されかねませんので注意が必要です。 つまり今回は BODY 開始タグが認識されていない(延々と STYLE のデータ内と判断されている)可能性も(未提示の部分の影響で)ありえます。 尚、とりあえずコピーして検証した段階では、ソースに問題を感じず本文も背景も表示しました。 (背景画像は自分で用意したもので、「画像のURL」はこちらで該当する値で書き直していますので、当然の事ながらURLの検証などは対象外です。) 念の為:「画像のURL」って、imgタグで指定したりして存在確認は出来ていますか?

その他の回答 (2)

  • SHOO-3
  • ベストアンサー率56% (28/50)
回答No.2

表示がおかしくなったら私ならまず文字コードを疑います。 とりあえず、UTF-8で保存して、EUCで表示しようとすると何も見えなくなりますね。 まずは、保存した時の文字コードをMETAタグで指定してみてください。直るかもしれません。 ちなみに、UTF-8で保存したらMETAタグは、 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> ってなります。

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

右端とは右下の隅という意味ですか? であればあっているとおもいますし、 IEでもFFでも問題ないですけどね。 「background-position: 100% 100%;」 は「background-position: right bottm;」 の方が感覚的にはわかりやすいですが。 URLの指定先がちがったりするとかいう オチではないでしょうか?

関連するQ&A

  • ホームページ作成

    背景を右下に設定する時は <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> を<head>から</head>までに書けばいいと書いてあったので <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;">&nbsp;</p> </body> </html> と書きましたがダメでした。 どこが間違っていますか? またどうすれば直るか教えてください。 当たり前ですが、「画像URL」のところはちゃんとアドレスに置き換えました。

  • 壁紙を二つ固定したい。(HTML)

    ホームページを作っていてHTMLで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか?? お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像URL); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>

  • HTMLでのサイト作りについて

    メモ帳でHTMLのサイトを作ろうとしてるんですが、 画像を上部に一列表示がどうやってするのかわかりません。 そのソース、または <style type="text/css"> <!-- body { background-image : url("画像URL"); background-repeat: repeat-x; background-attachment: fixed; } --> </style> を、<HEAD>~</HEAD>に とかいてあるんですが、 <html> <head> <title>私のページ</title> </head> <body> 初めてホームページを作ってみた。 <br> </body> </html> のどこにいれるんですか? 教えてください><

  • 背景の表示が出来ません。

    ただいまHPを作成中なんですが、背景が表示されなくて困っています。 右下に背景固定して使いたいのですが・・・どう頑張っても表示されません; <HTML> <HEAD> <TITLE>タイトル</TITLE> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image : url("haikei.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </style> </HEAD> ココに文章 </BODY> </HTML> と言う風になってるんですが、 友人は間違ってないと言っていますが画像は表示されてないようです。 何かおかしな点とかはありますでしょうか。 自分のパソコン内(アップしないでマイコンピュータで見る)でだと普通に表示されています。 アップすると見れなくなるのです。 何故なのでしょうか (既に色々出ていたみたいですがよく解らなかったので^^;)

  • 背景を固定する。

    <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image: url(画像のURL); background-repeat: no-repeat; background-position: right bottom; } --> </STYLE> </HEAD> <BODY> ・ ・ ・ </BODY> </HTML> このタグをいれても、背景が表示されず真っ白です。 何か間違ってるところがありますか?

  • 2つ画像を背景にするスタイルシートってある?

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!--    BODY {       background-image:素材のURL;       background-position:0% 100%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>

    • 締切済み
    • CSS
  • 背景固定タグ

    HP作り初心者です。 http://m-space.jp/でHPを作成しています。 背景を固定したくていろいろ調べたんですが、 うまくいきません。 ある、素材サイトで <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> を<head></head>の間にはさんでくださいとかいてあったんですがよくわかりません・・。 説明不足ですみません。 初心者なんで、詳しく教えていただきたいです。

  • 写真素材の背景

    写真素材の背景で、例えば右下に表示するためのタグがありますよね? それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか??↑で何度かやってみたんですが、ちゃんと右下に表示されません。

  • Webタグの背景について

    今HPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか? 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですが・・・

  • Webの背景について

    今HTML、CSSなど使ってHPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか? 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですがどうしてもチェックの上に加工した画像を右下に固定したいので教えてください。 メモ帳より作成しています。 今月中に仕上げたいのでよろしくお願いします

専門家に質問してみよう