- 締切済み
Webページのブラウザ差異を出来るだけ無くす方法
XHTMLにてWebページを作っています。 業務系のページのため、多くの要素がありかなり隙間なく色々な要素が入っている状態です。 そしてそのページを他ブラウザ・他バージョン・また新しいバージョンのブラウザが出た場合でも表示ができるかぎり崩れないようにしたいのです。 色々試してみてもやはりズレが出てしまって完全にズレを無くすことは出来ないのかもしれませんが、配置が全く変わってしまったりといった大きなズレを無くしたいです。 ブラウザはIE・Safari・Firefox・Opera・Chrome、またIEは8～10の対応は特に重要です。 HTML5やCSS3は使えません。 レンダリングエンジンの違いの影響を受けにくいCSSの指定方法やXHTMLの組み方についてご意見を伺いたいです。
- yuki616
- お礼率5% (1/19)
- CSS
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
いまどきXHTMLとは・・・少し古いですが、ひょっとして他のアプリケーションから出力されるとか、他に利用する目的があるとかですかね。XHTMLでしたら、文法的な間違いは出にくいとは思いますが、作るのは大変ですね。 対象がそのブラウザでは、ブラウザ間の差異は基本的に起きないはずですが・・ 1) 標準モードで動作するようにDOCTYPEスイッチは適切か？ 2) strictで作成されているか--HTML4.01/XHTML1.0の場合 ※XHTML1.1以降はstrictしかない Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html ) などでチェック 3) デザインにfloatを使ってないか？ この三点を守っていれば、IE6以降で差が出る事は基本的にありません。
関連するQ&A
- ウェブブラウザーの比較
ウェブブラウザーには、 Internet Explorer Firefox Safari Opera Sleipnir Chrome とイロイロな種類がありますよね そこで質問なんですが 僕はIEを利用しています。 そしてホームページを作成しています。 自分が作成したホームページを他のウェブブラウザーで 見たらどんな風になっているか知りたいです。 知りたいからと言って これらの種類を全部ダウンロードするのはチョット・・・ IEで見たらこんな感じ Firefoxで見たらこんな感じ Safariで見たらこんな感じ・・・ って判るようなツール的な物はありませんか？ (もしくは、そんなサービスをしているページとか) よろしくお願いします。
- ベストアンサー
- Windows系OS
- CSS safariでのブラウザ画面表示差異について
CSS safariでのブラウザ画面表示差異について コンテンツをブラウザの画面の上下隙間なく詰めたいので、HTMLの全要素に対してCSSでmargin: 0; padding: 0;とリセットしているのですが、safariで見た所どうしても隙間が少し空いてしまいます。どうしてでしょうか？Firefoxなら隙間なく詰めれています。 ちなみに、コンテンツ全体を包む#containerは margin: 0 auto;で中央に寄せています。
- ベストアンサー
- HTML
- 公開されてるページのCSSのソースを見たい
XHTMLとCSSでWEBページを制作したいのですが、IEではきちんと表示されるのですが、FIREFOX,SAFARIでは文字がずれてしまい、レイアウトが崩れてしまいます。そこで、他のページを参考に勉強させてもらいたいのですが、外部ファイルのＣＳＳのソースを見る事のできるブラウザはあるのでしょうか？
- ベストアンサー
- CSS
- Windowsのブラウザ
Windowsのブラウザで IE firefox Chrome Sleipnir Opera safari 以外でオススメのものを教えてください。
- 締切済み
- その他（インターネット・Webサービス）
- Javascriptで各ブラウザを厳密に区別する方法
JsvascriptでIE,FireFox,Safari,Opera,Chromeのそれぞれのブラウザを厳密に区別する方法が知りたいです。 それが困難な場合はIE/FireFoxとその他のブラウザを区別する方法がわかれば構いません。 最近Javascriptを触っていませんが2008年後半から今までで何かJavascriptで変化したことはあるのでしょうか？ 2007年はAjaxというものが出てきましたが、その後 目新しいものがあったでしょうか？それとも今は減少中？
- ベストアンサー
- JavaScript
- 全てのブラウザで崩れないCSS
XHTML+CSSでウェブサイトを構築している者です。 サイトがある程度出来上がってきて各ブラウザでチェックをしていたのですが、検索エンジンのキャッシュで崩れていた事に気づきました。 崩れた原因を調べ、なんとか対応したのですが、FirefoxのGoogleキャッシュは崩れずIE7のGoogleキャッシュでは崩れています。 そこで、ブラウザ、OS、検索エンジンキャッシュで見ても崩れない(ブラウザごとの多少の違いはあると思いますが)CSSの決まりがあれば知りたいと思いました。 無料ブログサービス(アメーバ等)のデフォルトテンプレートはどんな環境でみても崩れないと聞いたことがありますが、可能なのでしょうか… ■作成したサイトをチェック→ブラウザ XHTML 標準モード+CSSハック使用 ・Win Firefox 2 3 ○ ・Win IE 6 7 ○ ・Win IE 5以下 CSS無効 ・Mac IE 5 CSS無効 ・Win Opera 9 ○ ・Win Safari 3 4 ○ ■作成したサイトをチェック→キャッシュページ 後方互換モード ・FireFox3でGoogleキャッシュを見たとき→○ ・IE7でGoogleキャッシュを見たとき→崩れる 原因はIE7の後方互換モードに対応できていないことだと思います。 IE7後方互換モードに強いサイト等を紹介してもらえたら嬉しいです。 よろしくお願いします！
- 締切済み
- ブログ
- 全てのブラウザに対応したページを作りたい
ＸＨＴＭＬとＣＳＳでＷＥＢページを作成したのですが、ＩＥでは思い通りに表示されるのですが、Safariやfirefoxなどではどうしてもずれてしまいます。 divで囲ってる枠からはみ出して文字が表示されるのです。どうすれば全てのブラウザに対応できるのでしょうか？助言の方、宜しくお願い致します。
- ベストアンサー
- デザイナー・クリエイティブ職
- ほとんどのブラウザに対応したキーイベントのプログラムをJavascri
ほとんどのブラウザに対応したキーイベントのプログラムをJavascriptで書きたいのですが、 IEではwindow.eventは使えましたがFireFoxなどでは定義されていないエラーになります。 ブラウザごとのキーイベントについて知りたいです。 IE,FireFox,Safari,Chrome,Opera,Netscape,Other
- 締切済み
- JavaScript
- インターネットブラウザ
インターネットブラウザ Internet Explorer、Firefox、Google chrome、opera、safari など・・・ あなたはどのインターネットブラウザを使っていますか？どれが使いやすいと思いますか？ ちなみに自分はFirefoxを使っています。
- ベストアンサー
- ブラウザ
