ここから本文です

ブラウザ サイト作成

sum********さん

2012/2/810:02:38

ブラウザ サイト作成

あるサイトを作成して、5つのブラウザチェックをしたら
firefoxのみ異常ありでした。

グーグルクローム→異常なし
IE8→異常なし
opera→異常なし
safari→異常なし

firefox→NG
配置が違って表示される(1~10PX単位で)

あきらかにレイアウトが10pxとか一部ずれます。

グローバルナビゲーションとか、ロゴがずれます。

ハードリフレッシュやF5もしました。治りません。
宣言文をtranslational→looseに変更してもダメです。
HTMLとCSSのバリデートチェックでも問題なしでした。

firefoxのみ崩れるのは変です。

どうすればいいかわかりますか?

私が試したのは
ブラウザリフレッシュ
宣言文をtranslational→looseに変更
HTMLとCSSのバリデートチェック
です。

他に対処方法ありましたら教えてくれるとうれしいです。

お願いします。

-------------------(一部のソースコード ;ヘッダー)--------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>CLUB</title>
<link href="css/base.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>


---------------------------------------------------------

すべてのcss ソースコード必要なら言ってください かなり長いですが、

できれば、個別にソースコードやCSS URLを伝えたいので
メールアドレスを教えます。

連絡先メールを教えてもらえば、すぐにお送りします。

どうか助けてください。

閲覧数:
269
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

bow********さん

2012/2/1516:39:00

どなたからの回答も無いようですので私が・・・

私はネット復帰したばかりで、CSSも勉強を始めたばかりですが
こんな記事がありました。
http://css.uka-p.com/point/browser.html

「CSSレイアウトの注意 - ブラウザによる表示の違い
CSSレイアウト一番のウィークポイントはブラウザによる表示のされ方の違いです。一般に8~9割の方が使用していると言われているInternet Explorerと、FirefoxなどではCSSの認識のされ方が異なります。

例えば、枠の内側に余白を設ける「padding」ですが、IEでは指定した枠の幅は変わらず内側に余白を作ることができますが、Firefoxでは、指定した余白の分だけ幅が広がってしまいます。(CSSレイアウト崩れの原因 - ブラウザによる「padding」の解釈の違い参照)
-------------------------------
なので「firefox」だけ表示が違うのだと思います。

ご参考になれば・・・

この回答は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる