• ベストアンサー

コンテンツの高さについて

safari で見るとコンテンツとフッターの間がギリギリなんですが IEで見ると下の空白がもの凄く空いてしまいます。 IE に高さを合わせると、safari では文字がフッターに隠れてしまうし。 safari に合わせるとIE のコンテンツ?とフッターの間がもの凄く空いてしまうし。 たまにこういう現象が起きるんですけど…どうしてですか? 実際にサイトを見てほしいところですが、宣伝になってしまうので… この文章の説明で分かりますかね??

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

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

IEのバージョンも、どのモードで動作しているかもわかりませんし、HTMLもCSSも書かれていないので、わかりません。  まず、DOCTYPEスイッチをきちんと指定して、(もちろんHTMLもただしく)、いずれのブラウザも標準モードで動作させてみてください。 ★doctypeスイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )  たぶんそれで解決するはずです。  IEには多くのバグがありますし、古いブラウザも現役でたくさん動いていますから、ウェブページをウェブ標準で作成し、標準モードで動作させ、ブラウザの差はスタイルシートで調整することになります。

関連するQ&A

  • ヘッダー・フッター固定でコンテンツのみ可変

    高さが固定されているヘッダーとフッターをウィンドウの上と下に固定したままで、その間のコンテンツ部分のみを縦方向に可変にする方法は考えられるでしょうか。つまり、 (ヘッダー+コンテンツ+フッター)の高さの合計=ウィンドウの高さ が常に成り立つ方法です。framesetでrowを指定すれば話は早いんですが、XHTMLで実現したいので使えません。 Javascriptを使ってウィンドウの高さを計算してからコンテンツ部分の高さを指定する方法もありますが、その場合はウィンドウのサイズを変えてしまうとヘッダーとフッターがウィンドウに連動せずに画面外や中途半端なところに残ってしまうので、それもだめかなと思いました。 とりあえずコンテンツ部分はどんなに高さが小さくなってもいいので、かなりウィンドウの高さが小さくても、常にヘッダーとフッターがきちんとウィンドウの上下に固定され、コンテンツ部分が可変になるような方法がありましたら教えてください。 ------------------------------- ヘッダー(固定) ------------------------------- コンテンツ(可変) ※この部分のみにスクロールバーが現れることができる。 ------------------------------- フッター(固定) -------------------------------

  • ホームページのコンテンツの切り替え方

    いつもお世話になります。 PHPにてホームページを作成しています。 テーブルでヘッダー、ボディー、フッターを区切っています。 カウンターはincludeにてヘッダーに読み込んでいますが、 コンテンツも同様にボディーに読み込んで作成しようと考えています。 実際に多数PHPで作られたサイトがあると思いますが、 どのように作成したら運用を簡素化出来るのでしょうか? できれば経験者の方よろしくお願いします。

    • ベストアンサー
    • PHP
  • ブラウザIE8でFlashコンテンツが表示されず困っています。

    ある日突然、IE8で一部のFlashコンテンツが表示されなくなり困っております。 再三プラグインを入れ直しているのですが解消されません。 いろいろ調べて見たところ、どうやらJavaScriptを利用して swfを読みこませているサイトでこの現象がおきているのでは? と、言うところまで分かったのですが、解消する術がわかりません。 ちなみに、FireFoxやSafariでは問題なく表示されます。 OSはWindows Vista ultimateを使用しています。 解消する方法をご存じの方、ご回答いただければ幸いです。

  • リアルプレーヤーのコンテンツ「lzh」について

    あるH系サイトで、サンプル動画をDLして、再生が始まるかと思ったら、 「次のコンテンツをサポートするためのソフトウェアアップデートはRealにはありません。コンテンツタイプ lzh」 という表示が出て、再生できませんでした。これは一体どういう現象なのでしょうか? 対処法はあるのでしょうか? 以前は、リアルプレーヤーで正常に再生できていたサイトなのに、いつの間にか、再生できなくなりました。 WinはXP、SP2、ブラウザはIE6、インターネットセキュリティ2004を入れています。よろしくお願いします。

  • コンテンツにあわせて伸縮する背景 CSS

    http://www.fisco.co.jp/index.html 上記のサイトのように、ヘッダーのリンクボタンの横の左右に伸びるラインと、 フッターの左右に伸びるラインのような背景にしたいと思っています。 その時上記サイトは背景が白ですが、私は上から下にかけてグラデーションにしたいと考えています。 最初縦長で上から下のグラデーション画像を用意し、X方向にリピートしてみたのですが、 コンテンツの長さによっては文字や画像と重なってしまったり、 またはものすごく余白があいてしまったりしています。 CSSは以下のように設定したのですがうまくいきません。 body { background:url(../img/bg.jpg) repeat-x center top; line-height:1.4; color:#333; font-family:Arial, sans-serif; font-size:0.7em; margin: 0; padding: 0; height:100%; } このような場合、コンテンツの長さがページごとに変わっても、 上下にコンテンツを挟む形でラインが表示される方法を教えてください。 説明がうまくできず申し訳ないのですが、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 「コンテンツ」の適当な訳語は

    horagaiです。お世話になっております。 あるサイトの説明文で「コンテンツ」という言葉を使う必要があるのですが、できればこの言葉は使いたくありません。 「コンテンツ」もかなり一般化しているとはいうものの、まだまだ「プログラム」や「パソコン」「インターネット」ほど人口に膾炙している言葉とはいえません。実際にチャットや掲示板などでも、会話の中に「コンテンツ」という言葉が出てくると、「コンテンツって何ですか」と聞いてくる人もいます。 そこで代わりの言葉で説明したいのですが、なかなか適当な言い回しが思いつきません。 実際の説明文は 「このサイトは、かつて素晴らしいコンテンツで人気を集めていたhogehoge Webのコンテンツを引き継ぎ発展させ…」 という文脈で使いたいのですが、どんな言葉を当てはめるのが適当でしょうか 「記事」「内容」「企画」いずれも当たらずともいえど遠からずですがいまひとつしっくりこないので…

  • セキュリティで保護されているコンテンツのみ

    いつも利用しているインタネット(の質問サイトなど)を開いて勉強などをしていると、 画面の一番したに変なメッセージ(以下)が何度も現れます。中断はさせられないのですが、うるさいです。 こういう現象が出てきたのは今年(2017)、五月ころからです。 【質問】この無用なメッセージが出てこないようにするにはどうしたらいいですか? “画面の下に何度も上がってくるメッセージ” セキュリティで保護されているコンテンツのみを表示されます *日本語として助詞がおかしいですが 危険性の説明(W) *クリックする様になった青字で すべてのコンテンツの表示(S)

  • CSSかJAVAでウインドウのセンターにコンテンツを配置したいのですが…

    コンテンツ幅がウィンドウ幅より大きい場合どおしても センター配置したレイアウトでも左よせに。そして下にスクロールバーがでてきます。 スクロールバーは出ても出なくてもいいのですが、コンテンツの中心がウィンドウが小さくてもウィンドウのセンターにくるようにしたいのです。 したいデザインはウィンドウが小さいとコンテンツの左も右も隠れる感じです。 参考サイトは ソフトバンクのサイトで、 ヘッダーとフッターは左にぶつかりますが中のコンテンツは センターにとどまるんです…こんな感じにしたいのですが… https://recruit.softbank.jp/ よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSでfooterをbottomに固定する方法

    困りました。どうやってもできません。 コンテンツは固定幅でセンターに、footer幅はリキッドにしているのですが、コンテンツ自体のボリュームが少ない時にfooterがコンテンツにくっついていっちゃうんです。 なので、footerの下に余白ができてしまいます。 このfooterさんをウィンドウをどれだけ広げても、bottomに常駐するようにしたいのです。 どうしても出来ないもので、その方法をされているサイトのfooterのコードをコピーして、そのまま貼り付けても出来ませんでした。 なぜ?? わかりにくい書き方かもしれませんが、何卒よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 2つのコンテンツの高さを合わせたい

    よろしくお願いいたします。 ホームページを作っているのですが、まだまだ初心者なのでどなたかご教授ください。 ナビの部分(青)とコンテンツの部分(白)の背景色をかえたのですが、どうしても2つの高さが合わず困っております。 ナビの部分だけ短くなってしまい、青が短く、その下が白くなってしまい不恰好です。 CSSに height:100%; と両方に書くと、やたら長くなってしまい、空白が目立ちます。 どのようにしたら、適度な長さで2つの長さを合わせることができるのでしょうか? コンテンツ=main ナビ=naviです #main{ width:600px; height:100%; color:#000000; background-color:#FFFFFF; float:left; padding:0 0 100px 0; } #navi{ width:200px; height:auto; float:left; background-color:#E3EBF4; padding:10px 0 0 0; height:100%; } 複数のページを作りたいので、数値で指定( height:500px;)以外の方法で考えています。 説明が下手で申し訳ないのですが、どなたかお力をお貸し下さい。 よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう