- ベストアンサー
HTMLとCSSで作成しましたが何か変です。
最近HTMLをCSSを使用して作成しまして今オフラインで動作確認をしています。 TOPと他のページは全て同じ構造でボタンを押すとTOPと全く同じですが内容が違うコンテンツが表示されます。 本題ですがTOPから他のページに移動する時や他のページからTOPページに戻る時など(他のページから他のページも同じです)、何故かHTMLに掲載されている画像が一瞬だけ下に表示されたり上に表示されたりしてからCSSで指定されている位置に戻ります。 本当に一瞬(1秒いくか行かないかぐらいです)なのですが気になってしまいました。 これは何か変なのでしょうか?それとも普通でしょうか?。
- sate123
- お礼率62% (17/27)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
普通だと思います。 MicrosoftのInternet ExplorerなどWebブラウザは、HTMLを解析し、タグを見つけたらタグの中身を判断してどのように描画するかを決定します。 で、Internet Explorerに限って言うと、HTMLを読み込む作業と画面の描画を並行して行います。つまり、解析途中の状態で一旦適当に表示するんですね。その後、解析が完了して正しい位置に再描画を行います。なので、お使いのWebブラウザがInternet Explorerであれば普通の現象です。それ以外のFirefoxやSafariなどは正確に内部を解析した事が無いのでそう(IEと同じく読み込みながら途中経過を描画する)なのか違うのかは分からないです申し訳ない。
関連するQ&A
- CSSがHTMLに反映しない
CSSをはじめて使う者です。XPでIEを使っています。 解説サイトの最も簡単そうなプログラムをコピペし、 HTMLファイルと外部CSSファイルを同じフォルダ(デスクトップにあるtopフォルダ) に入れてHTMLを開いたのですが、CSSを全く読み込まず、HTMLのテキストしか表示されません。 ★HTMLデータ(top.html) ------------------------ <HTML> <HEAD> <link rel=stylesheet type="text/css" href="C:\Documents and Settings\Administrator\デスクトップ\top\top.css"> </HEAD> <BODY> <div class="selecter">文字が赤くなり、左に5pxの罫線が引かれます。</div> </BODY> </HTML> ★CSSデータ(top.css) ------------------------ .selecter { color:#ff0000; border-left:solid 5px #ff9900; } ・他のサイトにはHTMLファイルのstylesheetに""があったので付けてみたのですが、意味なしでした。 ・他のサイトの形が異なるCSSも試したのですが同様の状態だったので、HTMLのHEADの部分が怪しいと思い、ファイル名指定を"top.css"に変えたりしたのですが、意味なしでした。 ・CSSは最初メモ帳で書いたのですが、拡張子がどうしてもCSSになってくれなかった(top.css.txtになる)ので、ワードパッドで書いて保存したら、拡張子は正常にCSSになりました。ただ何故かアイコンが、プログラムが見つからない時に表示される奴になっています…。 スタート地点から躓いていて非常に恐縮なのですが、何卒よろしくお願いいたします。
- 締切済み
- HTML
- ブログ・HTML/CSSについて
ざっくりとしたタイトルですみません。 作りたいブログがあり、レイアウトを考えていた際に疑問に思ったので質問させていただきます。 ブログのトップページに、最新記事一覧を掲載したいと考えています。 イメージとしては、記事の画像とタイトル(リンク付き)を1セットとして、横に3つずつ配置したいです。 このような場合、HTML/CSSで書いていく方法もあると思うのですが、 そもそも、ブログエンジン(はてなブログ、wordpressなど)では最新記事を書いたら自動的にトップページに最新記事が追加される作りになっているのでしょうか。もしそういうサービスを提供しているブログエンジンがあれば教えてください。 HTML/CSSを勉強し始めたばかりのため、上級者の方にとって当たり前のことを質問しているかもしれませんが、よろしくお願いします。
- 締切済み
- ブログ
- 同じCSSファイルにつなげている、4つのHTMLファイルの1つが、fi
同じCSSファイルにつなげている、4つのHTMLファイルの1つが、firefoxで文字化けします。他のHTMLファイルと、中身の内容文字こそ異なりますが、構成はまったく同じです。 しかも、そのHTMLファイルのページは、ヘッドのタイトル文字やフッターの住所などの文字が、他のページとまったく同じ文字の部分であるにもかかわらず、位置がずれたり、文字幅が広くなって表示されてしまいます。 <br/>をくっつけたりとったり、<p>の場所を変えてみたり、いろいろしているのですが、まったく改善されません。 ちなみに、すべてのCSSページを、charset=utf-8にしています。 もしかして、何らかのJS使って、ブラウザーごとにCSSを作る必要があるのでしょうか?その場合何を使って何を書いたらいいのでしょうか? 誰か助けて~!ありがとうございます!
- 締切済み
- その他(プログラミング・開発)
- 外部CSSが反映されるHTMLとされないHTML
レンタルサーバのファイルマネージャを使ってサイトを作っています。 外部CSSで文字のフォントをMS Pゴシックに統一したいのですが、反映されるページとされないページができました。 CSSには、 @charset "Shift_JIS"; p { font-family: "MS Pゴシック",sans-serif; } 読み込みには、 <link href="./style.css" rel="stylesheet" type="text/css"> と記述しました。 反映されたのはサイト2ページ目の2分割フレームの片側だけで、その他のページはブラウザで指定したフォントのままCSSが反映しません。 HTML、CSS共に文字コードはShift_JISで統一していて、それぞれ<head></head>間の同じ位置に記述してあります。 反映されたHTML内にはボックスの幅指定でCSSを使っていますが、その他のページにはCSSを使っていません。違いはこれだと思うのですが、それがきっかけで反映されたりされなかったりと変わるものなのでしょうか? HTML、CSS共に初心者です。この質問が初歩的なことなのか難しいことなのかもわかりません。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- HTML5,CSSでストップウォッチを作りたいです
こんにちは 最近HTMLを始めた初心者です まだ簡単なホームページを作れるレベルです、、、。 HTMLとCSSでストップウォッチを作れると聞きました すごく単純なものでいいです 分、秒、コンマを表示したいのです わかる方がいればコードを教えてくださるとすごくうれしいです
- 締切済み
- HTML
- HTML+フレーム構成のページを、HTML+CSSで書き換えるには?
HTML+フレーム構成のページを、HTML+CSSで書き換えるには? コンテンツはそのままに、HTML+フレーム構成のページを、HTML+CSSで書き換えることになりました。 ヘッダー、フッター、上部に画像ロゴ、左にメニューを配置したいと思ってます。 メインコンテンツ部分以外はSSIでインクルードしたいと思っています。 案外簡単だと思ったのですが・・・すぐ配置が崩れて悩んでます。 さらに、CromeとIEで確認をするたびに配置が違ってしまいます。 merginとpadsdingを0にしてから始めるらしいことまでは調べたのですが、 そうするととても配置が変で面倒になります。 現在はFFFTPと秀丸とブラウザで作業してます。 ほかに、PhotoShop6とホームページビルダー14とMicrosoftExpressionweb3は手元にライセンスがあります。 HTMLは分かりますが、CSSは初めてです。多少がんばれば、javaScriptも使えるかもしれません。 お薦めの本や、作り方、フリーウェアなどありましたらご指導ください。よろしくお願いいたします。
- ベストアンサー
- HTML
- HTML.CSSの質問です
HTML,CSSを勉強している初心者です。 CSSでの、ブロックレベル要素のセンタリグについての質問です。 縦のセンタリングはどうすればいいのでしょうか? 横のセンタリングは、左右のマージンをautoにすると上手くいくのですが、上下のマージンにautoを設定してもセンタリングされません。 縦600px、横600pxのdivbox(トップページ)を作って、bodyのなかで縦横ともにセンタリングさせて、モニタ画面の真ん中にdivbox(トップページ)を配置させたいのです。 制作したトップページをサーバにアップロードして、色々なサイズのモニタ画面で見た時に、常にモニタ画面の真ん中に作ったトップページを配置させるのが目的です。 どなたかお知恵をおかしくださいませ。 宜しくお願いいたします。
- 締切済み
- HTML
- HTML、CSSの質問です
HTML,CSSを勉強している初心者です。 CSSでの、ブロックレベル要素のセンタリグについての質問です。 縦のセンタリングはどうすればいいのでしょうか? 横のセンタリングは、左右のマージンをautoにすると上手くいくのですが、上下のマージンにautoを設定してもセンタリングされません。 縦600px、横600pxのdivbox(トップページ)を作って、bodyのなかで縦横ともにセンタリングさせて、モニタ画面の真ん中にdivbox(トップページ)を配置させたいのです。 制作したトップページをサーバにアップロードして、色々なサイズのモニタ画面で見た時に、常にモニタ画面の真ん中に作ったトップページを配置させるのが目的です。 どなたかお知恵をおかしくださいませ。 宜しくお願いいたします。
- ベストアンサー
- CSS
- CSSでのページ構築について
CSSでのページ構築について CSSでのサイト制作に挑戦しています。 まずは、テンプレートをつかってカスタマイズしてみようとおもい、テンプレートをDLしました。 「フッタ/左メニュー/メインコンテンツ/フッタ」というブログなどでよくあるものです。 (縦三段で、真ん中が左右2つに別れている2カラム) CSSファイルは、外部読み込み形式です。 トップページを作って、いざメニューからメインページのリンクを貼ろうと思ってつまずきました。 左ページのコンテンツメニューに設定したリンクを、右側の枠内に表示したいのですが、そういった場合は、どうすれよいでしょうか。普通に右側の内容をいれたHTMLにリンクすると、全画面がそのページになってしまって、ヘッダ/左メニュー/フッタは消えて(隠れて)しまいます。 ヘッダや左メニューをそのままにしてページ数を増やしたいときは、トップページをひたすらコピーして、右側の要素部分だけを変更していくのでしょうか? でも、それだとCSSにする意味がないというか、全然楽ではないですよね。 左メニューの項目が増えた時など、全ページを修正しなければならなくなりますし。 自分なりにCSS関連のサイトを検索して調べてみたのですが、どこも「トップページをそのままコピーしているようにしかみえない」のです。 右側ページ内容のHTMLに、ヘッダやメニューも読み込ませるような設定が必要なのでしょうか? ソフトはDW CS4を使っています。 どなたか、CSSの達人さま、教えてくださいませ。 お願い致します。
- 締切済み
- ホームページ作成ソフト
- HTML CSSの記述の仕方について
FC2のショッピングカートを利用しようと思い、全く疎いのですがテンプレートから色々いじくって 思い通りにできてきました。 でもどうしてもわからないことがあります。 mainカラムの最上部に、ショップのコンセプトなどを書いた画像ファイル(GIF)を貼りたいのですが HTMLに<img src>で貼ってしまうと、いつなんどきでも(商品詳細やお問い合わせ画面の時も)その画像が上部を占めてしまいます。 背景にしてしまうと、文字通り背景なので、その画像の上に重なるようにコンテンツが表示されてしまいますし・・・ 要するに、よくあるネットショップさんみたいに お店のトップページ(ホーム)の時だけ、そのコンセプト画像が表示したいんですが どこをどう触ったらいいですか? HTML内に「パンくずリスト」という場所があって、そこに <!-- ユーザーページ --> {if DSP_USERPAGE}<li>{userpage_title}</li>{/if} という記述があります。 これはFC2仕様の「コンセプトなどを記入できる場所」なのですが ここ(とCSS)を触って画像とすりかえるというのはできませんか? (この場所にコンセプトを書いたのですが、どうもデザイン的にイマイチだったので画像にしたいんです)
- ベストアンサー
- CSS
お礼
回答ありがとうございます。 おっしゃるとおりでした。 Internet Explorerを使用していた時だけ起きました。 firefoxなどを使用すると正常に動作しましたので安心しました。