• ベストアンサー

テーブルの高さがFireFoxでは大きく表示されてしまいます。解消法はありますか?

k-pixの回答

  • k-pix
  • ベストアンサー率51% (50/98)
回答No.1

ブラウザ間の表示の違いには、苦労されられますよね。 先ほどリンク先を見たときと、今とでは表示が変わりました。 只今、格闘中といったところでしょうか? ( <div> タグをはずされたのでしょうか?) テーブルの高さについては解消されたようですので、テーブル内の文字列の表示位置をセンターにする件について記述します。 ソースの30行目: <td colspan="2" bgcolor="#ffc300"> を <td colspan="2" bgcolor="#ffc300" style="text-align:center"> のようにされればいいと思います。 また、31行目の <p> タグは不必要だと思います。 <b>先史時代~15世紀までの世界</b> ですが、<b>タグも非推奨タグですので、 <span style="font-weight: bold">先史時代~15世紀までの世界</span> とされる方が、なおよいと思います。 余計なことかもしれませんが、下記のようなサイトで、W3C勧告や、スタイルシートを再度確認されてみてはいかがでしょう? http://www.zspc.com/documents/wcag10/ http://www.nextindex.net/web/CSS/index.html

torananoda
質問者

お礼

ご丁寧にご回答ありがとうございます。 bタグの件なのですが、 非推奨タグというものなんですか? 初めて聞きました。 他のタグとどうちがうのでしょうか?

関連するQ&A

  • tableタグ内の表示がIEとfirefoxで一致しなくて困ってます。

    tableタグ内の表示がIEとfirefoxで一致しなくて困ってます。 セル内の文章がIEの方が上に表示されてしまいます。 valignやcellpaddingをいじってもだめです。 どうにもなりませんか? 参考サイト等あれば教えてください。

    • ベストアンサー
    • HTML
  • Firefoxでグーグルアドセンスが表示されない

    グーグルアドセンスの広告ですが、 Firefoxで表示されません。 IEでは表示されます。 セキュリティソフトを変更してから、 Firefoxで表示されなくなりました。 セキュリティソフトの機能をOFFにしても、 Firefoxで表示されず、大変困っています。 IEとスマホでは表示されているのを確認しました。 どうしたら、Firefoxで表示されますでしょうか? 具体的に教えて頂けますと助かります。 よろしくお願い致します。

  • IE6 とFirefoxでは表示が違うのはなぜでしょうか?

    とあるHPを見ていたら、IE6でみると、きちんと表示されているのに、Firefoxだと変になっているのはなぜでしょうか? なぜこのような現象が起こるのでしょうか? 私のパソコンがおかしいのでしょうか? それとも、ここのHPがおかしいのでしょうか? http://www.jggj.net/banana ほかのHPに行っても、見れないところもあるのですが、それは、JAVA?とかフラッシュで見れないとは聞きました。 でもここの、HPはそのような物を使っていないような気がします。 私のFirefoxの表示がおかしいのでしょうか? また、Firefoxのブックマークに登録しようとすると、登録できないフォルダがあります。

  • FirefoxなどでFlashが10分の1の大きさで表示される

    OSは Vista Bisinessです。Flashの混在する自分のHPを作成しました。IEやMoZilla Firefoxで閲覧すると正常に表示されます。この前知人にHPを作ってあげました。すると、IEでは正常にFlash が表示されるのに MoZilla FirefoxやGoogle Chromeで見ると、Flashの部分が10分の1ぐらいの大きさでしか表示されません。ななんででしょうか?

  • firefoxだとうまく表示されないサイト

    普段Firefoxを使っているのですが、IEと表示の仕方が異なったり 買い物をしてもボタンが表示されず困ることがあります。 (IEだと問題なく行えます) 何か解決するいい方法はないでしょうか? ★たとえば、http://boxing.10.dtiblog.com/

  • FireFoxでテーブルのbackgroundが表示されない

    テーブルレイアウトで、IEでは正しく表示されているbackgroundカラーがFireFoxでは表示されません。 文字が見えなくなってしまい大変困っています。 CSS初挑戦だったので、そもそもコードが正しくないのかも知れません。調べたのですが解決策がわかりません。 どなたかご存知の方いらっしゃいましたらよろしくお願いいたします。 下記コードです。 /*CSS*/ TABLE.SAMPLE { table-layout: fixed; width: 500px; background:"#FFFFCC"; } td.td_hd { background:"#000066"; color:Silver; font-size: 12pt; } /*HTML*/ <table class=SAMPLE> <tr> <td class=td_hd>ヘッダタイトル</td> </tr> <tr> <td>あああああああああああああああああああああああああああああ</td> </tr> </table>

    • ベストアンサー
    • HTML
  • Firefoxでは表示されIEでは表示されないんです

    はじめまして。最近ホームページをアップさせたんですが、Firefoxでは表示されIEでは表示されないページがあります。どなたか教えてください。ちなみにこのホームーページです。clear-deck.com よろしくお願いします。

  • IEと同じようにFirefoxでもテーブルが表示されるには?

    head内にスクロール非表示のタグを入れています。 http://aomi1111.sakura.ne.jp/temp/in/i106/index.htmlのような感じでノーフレームです。 IE7、IE6ではテーブルが画面の上から下まで表示されテーブル内でスクロールが出来ますが、Firefoxで見るとテーブルが画面下に飛び抜けてしまいテーブル内のスクロールが出ず、スクロール非表示にしてるので下が見れなくなってしまいます。上のサイトのように表示するにはどうすれば良いでしょうか?このテンプレートをノーフレームにしたいです。自分なりに(初心者です)いじくりすぎて原形がなくなりました。必要なさそうな(?)タグは載せていません。 ■CSS■ body,td,th{ font-size:70%; color:#444; font-family:Georgia,Verdana,Osaka,'MS P Gothic'; font-weight:normal; margin:0px;padding:0px; background:#fff url() repeat fixed; } body{text-align:center;} table{margin:auto;height:100%;} #table2{ filter:alpha(opacity=100); width:551px;height:100%; background:#fff; padding:0px 10px 0px 10px; overflow:auto; } #table3{ filter:alpha(opacity=90); background:#fff url() no-repeat; padding:0px; width:220px;height:100%; } ■top.html■ <head> <style type="text/css"> <!-- body{overflow:hidden;} --> </style> </head> <body> <★table cellspacing="0"> <tr><td> <div id="table2">左の本文</div> </td><td> <div id="table3">右メニュー</div> </td></tr> </table> </body> ★のtableを消してcssの#table内にfloat:left;margin-left:120px;等入れるとFirefoxでも表示されますが、その場合table2、table3を真ん中にこさせる方法が解りません。。。どなたか解る方がいましたらよろしくお願い致します。

  • firefoxやsafariでは、画像が表示されるのに、IEだけ画像が

    firefoxやsafariでは、画像が表示されるのに、IEだけ画像が表示されません。HPを初めて作っている素人なので全く原因がわかりません。問題のページは↓↓ http://komatsusharyo.com/services/wrecker/wrecker.html 教えてください、よろしくおねがいします!

  • Firefox では正しく表示されない

    ブログサイト:http://tarosiro.blogspot.com を IE8, Google Chrome でアクセスすると正しく表示されるが、Firefox 3.6.14 (OS Vista) でアクセスすると内容の一部が欠落する。何故でしょうか?ご教示ください。