- 締切済み
全てのブラウザで崩れないCSS
xenotacticの回答
- xenotactic
- ベストアンサー率54% (96/175)
後方互換でも標準でも同じレイアウトになるCSSというのは、おそらく無いです。 後方互換のIEはバグが多すぎるので。 キャッシュ自体あまり見ている人が多くないと思いますが(特に現在更新中のブログでは)、キャッシュまで気にする必要があるのでしょうか。 ちなみに、GoogleChromeもCSSの解釈が異常です。利用者はOpera9.xと同じくらいなので注意しましょう。 IE8βも確認したほうがいいです。IETesterなどを利用してみてはどうでしょう。 強いサイトhttp://hyper-text.org/
関連するQ&A
- MacのfirefoxでCSSが読み込まれない件
初めまして。 現在XHTML+CSSでサイトを製作しているのですが、ブラウザチェックの段階で、「MacのFirefox」だけCSSを読み込んでくれません。 MacのOPERA、SAFARI WinのFirefox、IE は問題なかったのですが、Macのfirefoxだけダメなんです。 記述は「@import」ですが、個別設定(3つのCSSファイルを個別にhtmlに指定)もやってみましたがダメでした。 このような事態になった方はいらっしゃいますでしょうか? どうか、助けてください、よろしくお願いします。
- ベストアンサー
- Mac
- IEのバージョンとIEコンポーネントブラウザの表示
IEの6、7、8で表示に差異のあるサイトを、 IE6がインストールされたPCからIEコンポーネントブラウザで見た場合、 IE7がインストールされた・・・(以下同文)・・・、 IE8がインストールされた・・・(以下同文)・・・、 それぞれ、表示は異なるのですか? (もちろんエンジンを切り替えられるブラウザならTridentを選択時) あと、IE6でXHTML文書を見る場合、xml宣言があると後方互換モード になってしまうバグ(?仕様?)はIEコンポーネントブラウザでも、 同様に再現してしまうのでしょうか? もし、ブラウザによって異なるようでしたら、Sleipnir 2.xx の場合を教えください。
- 締切済み
- ブラウザ
- ブラウザによってcssを分けることは可能なの?
レスポンシブウェブデザインの様に ブラウザによってcssを分けることは可能なのでしょうか? IEなら100px、ファイアフォックスなら50pxなど。
- ベストアンサー
- CSS
- 全てのブラウザに対応したページを作りたい
XHTMLとCSSでWEBページを作成したのですが、IEでは思い通りに表示されるのですが、Safariやfirefoxなどではどうしてもずれてしまいます。 divで囲ってる枠からはみ出して文字が表示されるのです。どうすれば全てのブラウザに対応できるのでしょうか?助言の方、宜しくお願い致します。
- ベストアンサー
- デザイナー・クリエイティブ職
- Win IE6・7でのみ、CSSがうまく機能していないような不具合
こんにちは。 文字の装飾を施したCSSがあり、SafariやFireFoxなどのブラウザでは綺麗に表示されているのですが、Win IE6・7では表示が乱れてしまいます。しかも、同一ページ内の一部分ではCSSが生きていて、一方の一部分ではCSSが適応されずに表示されてしまいます。 考えられる互換モード関係やCSSの確認・再設定、IEの再起動やPCそのものの再起動など試しましたが、解決にいたりません・・・。 IE以外では綺麗に表示されてるということは、IEにあるたくさんバグの内の何らかが原因だと思うのですが、見当つく方いらっしゃいますでしょうか? どうぞよろしくお願いいたします。
- 締切済み
- HTML
- cssの今、一番旬なブラウザごとに違うcssをかける方法
現在4つのブラウザでほぼ同じような動作・見栄えをするサイトを制作しております。 4つのブラウザとは(opera ie6 ie7 firefox)です。 そこで、現在、ie6だけで生じる表示崩れがあり、 そのcssの解決方法も発見したのですが、 それを解決すると今度は逆に、opera,ie7,firefoxでエラーが起きてしまいます。 読み込んでいるのは、一つの外部cssファイル、main.cssです。 現在考えられる解決方法としては、 1.ie6だけにcssを掛けるハック? この場合、どのようにハックをかければいいのでしょうか。 色々しらべましたが、スターハックなど、現在使って良いハックというのは何になるのでしょうか。 具体的なcssコードは、以下です。 #pull a:hover{ display:block; /*以下ie6だけに指示したい命令 現状コメントアウトしています*/ /*margin-bottom:-20px;*/ } 2.ie6だけ別の外部cssファイルを読み込ませる。 ブラウザ毎に違うcssファイルを読み込ませることってできるのでしょうか。 (javascriptで判別するのでしょうか?) ie6 なら、main_ie6.cssを読み込み、 それ以外のブラウザなら main.cssを読み込ませる 一番ベストな方法を教えていただければと思います。
- ベストアンサー
- HTML
- 各ブラウザにおいて、表示できるCSSとできないCSS
こんにちは。はじまして。 現在ブログを製作しております。 先日、http://www15.ocn.ne.jp/~mksozai/design/line.html こちらのサイトで、変わったCSSを見つけ早速ブログのデザインに生かしてみようと導入しました。 IEでは問題なく表示されるのですが、Firefoxでは効果が適用されません。。。 そのCSSは filter:alpha(opacity=100,finishopacity=0,style=1); こちらになるのですが、これをIE以外のブラウザにも効果を適用させる方法はないでしょうか? これはIEのみ表示できるCSSだと解釈するべきなのでしょうか? ご存知の方がおられましたら、教えていただけると幸いです。 よろしくおねがいします
- ベストアンサー
- HTML
- Webページのブラウザ差異を出来るだけ無くす方法
XHTMLにてWebページを作っています。 業務系のページのため、多くの要素がありかなり隙間なく色々な要素が入っている状態です。 そしてそのページを他ブラウザ・他バージョン・また新しいバージョンのブラウザが出た場合でも表示ができるかぎり崩れないようにしたいのです。 色々試してみてもやはりズレが出てしまって完全にズレを無くすことは出来ないのかもしれませんが、配置が全く変わってしまったりといった大きなズレを無くしたいです。 ブラウザはIE・Safari・Firefox・Opera・Chrome、またIEは8~10の対応は特に重要です。 HTML5やCSS3は使えません。 レンダリングエンジンの違いの影響を受けにくいCSSの指定方法やXHTMLの組み方についてご意見を伺いたいです。
- 締切済み
- CSS
- Unicodeでサイトを作るとCSSがおかしくなるのですが…
Shift-JISで作成したサイトの文字コードをUnicode(UTF-8)に変更しました。そのページをIE6で閲覧してみると、外部CSSで設定したテーブルのセルの背景色が無効になってしまいます。また、line-heightの値もおかしくなります。Firefoxでは問題がないのですが、これはIEのバグなのでしょうか?それとも、Unicodeに限っての何かがあるのでしょうか? 当方win2000です。DOCTYPEは以下で制作しました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- ベストアンサー
- CSS
- XML宣言を無くすと、どうなりますか・・・?
こんにちは。 XHTMLを本、インターネットで勉強しながら、ホームページを作っています。 その中で、いくつかの本とサイトが「XML宣言をするとIE6より古いブラウザは後方互換モードになり、CSSを使ったデザインが大きく崩れる原因となる」というような事を書いていた為、XML宣言を省略してホームページを作成しました。 ところが、「XML宣言は必須」のような事が書いてあるサイトもありました。 そこで質問ですが、XHTMLでXML宣言がされていないと、どうなるのでしょうか・・・? 例えば、XML宣言をした場合のように、あるブラウザで見た目が変になると言う事は無いのでしょうか。 回答よろしくお願いしますm(__)m
- ベストアンサー
- HTML
お礼
ご回答ありがとうございます! キャッシュは見ている人があまりいないと知りました。キャッシュは除外して作成したいと思います。 勉強になりました!