• 締切済み

ie6のコーディング解決法

大変困っております。あまりコーディングキャリアがないものです。 知り合いの仕事を請けてコーディングを終えたのですが、後からie6、7のクロスブラウザに対応してくれと言われました。(ie6、7以外のブラウザは確認済み) クロスブラウザを見ていたのですが、ie6だけあらゆる箇所で飛んだり、とても見れる状況ではありません。 もちろん、プロのコーダーであれば当然、そういうことを考慮して初めからコーディングするのでしょうが、とにかくこの状況を回避するために最善の方法は何をすればいいでしょうか。 pngの問題は解決済みですが、それ以外はどうしていいいのか分かりません。 時間がなく、かなり焦っております。何から行うのが一番いいでしょうか。 (1)一箇所ずつ原因を突き止めて、すべて対応できるように地道に直していく (2)ie6用にハックする (3)何か他のjsのようなものを入れる (4)その他何かいい方法 大変困っております。こうした場数を踏んで地道に勉強していくしかないのでしょうが、今回のソリューションを提案頂きたく思います。よろしくお願いします。

みんなの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.3

後から言われたといっても、IE7対応はまだ一般的です。 何も知らない相手へは「IE6は未対応ですよ」と最初に言わなければ、あと数年間はこのような問題は無くなりません。 クライアントは当然の権利としてクレームしているでのしょう・・・ --------- IE6切り捨ての傾向にはなっていますが、 逆行してYahooでは推薦環境に戻りましたし、 企業のパソコンでは未だに利用しているユーザーが多いですから・・・ (個人的には、そろそろ消えて欲しいですが・・・ MSの功罪) --------- 旧ブラウザのサポートは、 気付かない部分で、後から出てくるでしょうから作り直した方が早いでしょう。 お金を頂いた以上は、貴方もプロのですから 対応すると決めたら全箇所対応しないといけないと言う事です。 IE7に関しては、見ただけではダメで、ズーム対応もしないといけません・・・ IE6は、DTDから変更して親要素から構造を変更した方が早い場合があります。 A、 例えば、CSS3をIE6対応にするなら無理ですし、 位置がズレ程度ならハックや構造を変更すれば可能ですが、 IE6.7の癖を知らない人が、数時間で対応するのは厳しいのでは? 地道に検証を繰り返すか、急ぎなら有識者に頼むしかないでしょう。

全文を見る
すると、全ての回答が全文表示されます。
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

ie6のコーディングで何をすればいいか - Webデザイン・CSS - 教えて!goo ( http://okwave.jp/qa/q7325812.html ) を参照・・

全文を見る
すると、全ての回答が全文表示されます。
  • wormhole
  • ベストアンサー率28% (1622/5659)
回答No.1

>もちろん、プロのコーダーであれば当然、そういうことを考慮して初めからコーディングするのでしょうが、とにかくこの状況を回避するために最善の方法は何をすればいいでしょうか。 確かに最初から考慮しますが それ以前に対応すべきブラウザを(バージョンも含め)確認しますよ。 確認はしてたけど後で追加されたということであれば別途相談。 対応自体は(1)しかないんじゃないかなぁ。

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

関連するQ&A

  • ie6のコーディングで何をすればいいか

    大変困っております。コーディングを勉強している者ですが、 知り合いの仕事を請けてコーディングが完成したのですが、後からie6、7のクロスブラウザに対応してくれと言われました。(ie6、7以外のブラウザは確認済み) SuperPreview でクロスブラウザを見ていたのですが、ie6だけあらゆる箇所で飛んだり、とても見れる状況ではありません。 もちろん、プロのコーダーであれば当然、そういうことを考慮して初めからコーディングするのでしょうが、とにかくこの状況を回避するために最善の方法は何をすればいいでしょうか。 pngの問題は解決済みですが、それ以外はどうしていいいのか分かりません。 時間がありません、この場合何からすればいいのでしょうか。 (1)一箇所ずつ原因を突き止めて、すべて対応できるように地道に直していく (2)ie6用にハックする (3)何か他のjsのようなものを入れる (4)その他何かいい方法 大変困っております。こうした場数を踏んで地道に勉強していくしかないのでしょうが、今回のソリューションを提案頂きたく思います。よろしくお願いします。

    • ベストアンサー
    • CSS
  • デザインデータのコーディングについてお聞きします。

    デザインデータのコーディングについてお聞きします。 フリーでWEB製作をしています。 デザインは得意ではなくコーディングやプログラミングまわりが得意ですが、今まで全て自分でしていました。 最近デザインだけデザイナーさんに頼むということをはじめたのですが、このような場合どこまで忠実にデザインを再現できればいいのでしょうか? Illustratorでもらったデザインデータのピクセル数にあわせて作っていくことはできるのですが、ブラウザ間の微妙なずれを調整しているとどうしてもデザインと完全に同じにはなりません。 パーツの取り出しは正確にできるのですが。文字の大きさや行間をブラウザごとにあわせていると、色々やっているうちにけっこう違ってきてしまいます。 コーディングはCSS+XHMTLでしなければなりません。 TABLEタグを使ったりソフトを使えばやりやすくなるということはわかるのですが、それをしない場合、どの程度の正確さがあればいいのか知りたいのです。 「例えば1ページ内に3ピクセルのずれがひとつくらいまでなら許せる」とか。 「見た目がおかしくなければいい」「IE最新バージョンで完璧ならいい」 など、実務で通用するための目安がわかるといいと思います。 対応させるブラウザはIE6以上、Firefox 1.5以上、Safari2 以上、Opera9 以上、Google Chromeです。 WEBデザイナーさんやコーダーの経験や実務現場の知識がある方、教えて下さい。

    • ベストアンサー
    • HTML
  • ブラウザごとののコーディングについて

    CSSについて初心者なため質問させていただきました。 動作環境はwindowsのIE7を使用しております。 windowsでHPのコーディングを行い、ブラウザ毎の確認を行った時、 IE7では正常に見えているのに、Macfirefox,Macsafari,IE6,IEfirefoxそれぞれで見え方が違い、デザインが崩れて表示されるブラウザもあります。 この場合、上記のブラウザ以外にも、崩れて表示されている確立が高いと思いますが、 どのブラウザも崩れずに表示させるためには、CSSの最初にどのようなコードを記述すれば良いのでしょうか? お返事がいただければ幸いです。

    • ベストアンサー
    • HTML
  • 透過PNGをIE6へ、かつYoutubeの動画

    IE6で透過PNGを使わなければならず、alphafilter.jsにしようかと思っていました。 http://blog.webcreativepark.net/2007/02/01-233315.html しかしこのjsを読み込むとYoutubeの動画を貼り付けた時に、IE6でページ内にあるリンク(テキストリンク)をクリックできないという状況に陥りました。透過PNGは<img>タグで、及びCSSの背景で使用しています。 何か良い対策がありましたら教えていただけますでしょうか。

  • 透過pngとie6について

    ウェブの職業訓練に通っております。 現在課題製作中で、透過pngもしくはcssのアルファ?記述で画像を透明にしようと思っています。 色々調べて、透過pngにさらに opacity:0.7; filter: alpha(opacity=70); /* ie lt 8 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ -moz-opacity:0.7; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ zoom:1; というcss記述を加えてあります。 また、unitpngfix.jsへのリンクも貼りました。 自分のパソコン(mac,safari)ではどちらもきいていて、透過pngの画像がさらに薄く表示されています。 彼のパソコン(win,IE6.6)で見たところ、どちらかがきいていません。 が、透過はされています。(不透明にはなっていないです。) 結果的には、どっちかがきけばOKなのですが、 この状態で大丈夫でしょうか?全てのブラウザに対応出来ますか? よろしくお願い致します。

    • 締切済み
    • CSS
  • IE6.0とIE7の表示差問題について

    http://trendy.nikkeibp.co.jp/article/col/20060516/116681/ ここのサイトを見たんですが、IE7でレイアウトがくずれてたページが 文書型宣言したらうまく表示されたと書いてあります。 しかし、なぜ文書型宣言をすることで表示が改善されるのでしょうか。 IE6.0のCSSハック(_width:100%など)は、IE6.0のブラウザがwidth:autoをうまく表示しないから仕方なくこう記述するのであって、 文書型宣言をしたことで、どうにかなる問題ではないと思います。 実際必要なのは文書型宣言ではなくて、IE6.0にも7.0にも対応できる スタイルシートの書き方ではないでしょうか。 なぜ文書型宣言をすることでIE6.0とIE7.0の表示がよくなるのか 教えてください。 説明がわかりづらくてすみません。

  • 異なるIEのバージョン確認

    タイトル通りなのですが何を使っていますか? 私は、IE9をインストールしておりその他のバージョンの確認にはIETesterを使っているのですが、jsを使っているサイトだとよくクラッシュしタブの復元を行っても全く確認はできない状態です。 調べたところIE9の開発者ツールで、ブラウザーモードとドキュメントモードというのが使えるようで試してみました。 IE8にも対応する角丸のCSSを作成し見てみると次の結果となりました。 ・普通にIE9→角丸 ・ブラウザーモードがIE8でドキュメントモードがIE9→角丸 ・ブラウザーモードがIE7でドキュメントモードがIE9→角丸 ここまではいいのですがドキュメントモードをIE9以外にするとブラウザーモードを何にしても角丸では表示されません。 初めて使ってこの結果となり正しい動作なのかもわからない状況ですがきちんと確認できる方法はないものかと思い質問させていただきました。 Microsoft Expression Web SuperPreviewも使ってみましたがトライアル期間が過ぎているせいか画像でしか確認できず、FireFoxのIEタブも試してみましたが表示されたりされなかったりと不安定でいまいち信用できない感じです・・・ IEの自動アップデートも始まるようなのでせめてIE8まではきちんと確認できればいいのですが。

    • ベストアンサー
    • HTML
  • 透過PNGをIE6に適用させたい

    透過PNGをIE6に適応するため、DD_delatedPNGというjavascriptを使おうと思ってコーディングしたのですが、うまく透過されません。 コードは <!--[if lte IE 6]> <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('#header_box_r li'); </script> <![endif]--> と<head>の中に書きました。「#header_box_r li」というidに指定した背景画像にjavascriptを適用させIE6でも背景画像を透過させたいのです。 この他にも必要なコードがあるのでしょうか?IETesterで試すと、「DD_belatedが適用されていません。」とでます。コードを間違って記入しているのでしょうか? どなたか、教えてください。

  • IEとネスケ

    最近の傾向としてインターネットエクスプローラには対応しているがネットスケープをはじめIE以外のブラウザには対応していないという表示が目立つような気がしますが、気のせいでしょうか? 技術的にIEに追いつき、結果対応するのでしょうか? 特にIEを使いたくない訳ではありませんが、「これを使え」 と言われているような感じがします。

  • iepngfix.jsでPNGを透過させたいがIE6/7で表示が不正

    iepngfix.jsでPNGを透過させたいがIE6/7で表示が不正 サイト内に透過PNGを何点か使用したく、かつIE6に対応する必要があるため、上記「iepngfix.js」を導入しました。 divボックスの背景に敷いたPNG画像は無事に透過されましたが、そのボックスの中にimgタグで配置したリンクボタンの表示が一部不正です。 具体的には、IE6および7にて添付画像のような状態になります。8および他のブラウザは問題ないようです。 マークアップ設定としては、divのcontentsボックスに透過PNGの背景を指定、その中にリストボタンを並べるためのcontents_headlistボックスを配置、その中にaタグでリンクを設定した透過PNGボタンを配置しています。 関連部分のおおまかな設定は以下のとおりです。 body:全面にgif画像(透過なし)を敷き詰め .contents:幅と高さを指定、透過pngをno-repeatで配置、「behavior: expression(IEPNGFIX.fix(this));」「overflow:hidden;」を付加 .contents_headlist:contentsボックス内に配置、幅と高さを指定、左にフロート、パディング指定、「behavior: expression(IEPNGFIX.fix(this));」付加 .contents_headlist内に設置したimg:幅と高さを指定、alt属性指定、リンク付加、「style="behavior: expression(IEPNGFIX.fix(this));」付加 IE6の表示でも、透過部分のグレー表示が見られないので透過自体はされていると思います。 できればiepngfix.jsを使用したままなんとかしたいのですが、iepngfix.js自体のバグか何かならば乗り換えもやむなしと考えています。 不明点等あれば追記しますので、よろしくお願いいたします。

    • ベストアンサー
    • HTML