• ベストアンサー

safariとFireFoxで正しく表示されません・・

ホームページを作っているのですが・・ IE7では正しく表示されるのにsafariとFireFoxで正しく表示されません。 HTMLチェッカーなどにも頼りましたが特に問題は出ませんでした。 原因がわかりません。 症状: safari 文章を囲っているテーブルがセンターに来ない。 FireFox: 文字の大きさが意図どおりにならず思った枠からはみ出る。 以上です。ホームページのリンクを貼ることは禁止みたいなので以下ソースとCSSです。 HTML----------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title><4-4-2></title> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-Style-type" content="text/css"> <LINK Type="text/css" Rel="stylesheet" Href="./page.css"> </head> <BODY TEXT="#000000" BGCOLOR="#FFFFFF" LINK="#0000FF" VLINK="#660099"> <table align="center" width='100%' height='100%' cellpadding='0' cellspacing='0' border='1'> <tr><td><table align="center" width='600' height='500' background="img/4-4-2.jpg" cellpadding='0' cellspacing='0' border='1'><tr><td> <table align="center" width='500' height='500' hspace='0' cellpadding='0' cellspacing='0' border='1'> <tr> <td width="0" height="105"> </td></tr><tr> <td valign="baseline"> <font class="h1">A.フラット</font><br> CHが2人、SHが2人、中盤を横一列に配置したフォーメーション。 全体をコンパクトに保つことができるため、 高い位置からのプレス→SHとSBによる テンポの速いサイド攻撃が主体となる。 しかし、中央が薄いため、CHには攻守にわたる大きな負担がのしかかる、まさにCHの出来がゲームを決めるわけである。<br> <font class="h1">B.ダイアモンド</font><br> DHが1人、SHが2人、OHが1人とMFをダイアモンド型に配置したフォーメーション。ダイヤモンド型に配置された中盤の選手がショートパスを多用し、FWにいい形でボールが入るようゲームを組み立てる。 守備面においてはフラットと違い、4バックの前にDHが1人しかいないためサイドからディフェンスライン前のスペースまで カバーしなければならず相当な負担が求められる。<br> <font class="h1">C.トリプルボランチ</font><br> DHが3人、OHが1人と守備編重のフォーメーション。 3人ものDHがディフェンスラインの前に陣取るため強固なDFを展開できる。しかしもちろん攻撃はCF2人、OH1人でこなすため この3人には超人的な攻撃力が必要となる。 特にOHは独力で局面を打開する力、 または味方のオーバーラップを待てるキープ力がないと 攻撃が成り立たないため、人選が必要である。<br> </td><td width="250"> </td></tr> </table></td></tr> </table></td></tr> </table> センターフォワード(CF) ウイングフォワード(WG) オフェンシブハーフ(OH) サイドハーフ(SH) サイドバック(SB) センターバック(CB) </body> </html> css----------------- body, tr, td{ font-size:9pt; } .H1{ font-size:9pt; font-weight:bold; color:red;<!--確認用--> } です。 大変乱雑な投稿かもしれませんがよろしくお願いしますm(__)m

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

  • ベストアンサー
  • kananana
  • ベストアンサー率34% (24/69)
回答No.2

<table align="center" width='500' height='500' hspace='0' cellpadding='0' cellspacing='0' border='1'> 「hspace='0'」で、左右のマージンをゼロに設定しているためだと思われます。

tank_05
質問者

お礼

サファリの方の問題が解決いたしました。 ありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.1

すくなくとも、お書きになっているHTMLとCSSを読み込ませた限りでは、当方の環境下でFirefoxとIE7が同じ表示をしています。 また、この場合「FirefoxとSafariが正しく表示してくれない」のではなく、お書きになられた「HTMLもしくはCSSまたはその両方が正しくない」と思われます。 基本的にFirefox、Opera、Safariは仕様に準拠していて、そうでないのがIEなので。 何にせよ、私にはどういった表示が質問者さんの思惑通りの表示となるのかわからないため、回答がだせません。

tank_05
質問者

お礼

ご回答ありがとうございます。 補足のほうに画像を(問題のウェブ画面のクリッピング)をアップしたのですがOKWEBの利用規約に反する行為だということで書き換えられてしまいました。申し訳ありませんでした。 質問の性質上、画像などをアップしないと私の意図が確認しづらいため質問を切り上げさせていただきます。 ありがとうございました。

tank_05
質問者

補足

ご回答ありがとうございます。

すると、全ての回答が全文表示されます。

関連するQ&A