HTMLとJavaScriptで作ったソースを

IE4.0
NN4.0

で見られるページを作りたいと思ってます。

開発をIE5.0で見れるように行ったために、
特にNNで動作しない個所が多発しています。

(1) IE5.0では動くが4.0では動かない。
(2) IE5.0では動くがNN では動かない。

といったものをご存知の方、教えて頂きたいのですが。

また、そのようなときに参照できるものも
教えて頂けたらうれしいです。

よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

そうですね、このあたり、いろいろ悩むところですね。


まず、現在大きく以下のD.O.M.(文法規則とでも思っておいてください)分類といわれるものが存在します。
それは、
(1)IE4.x系のDOM
(2)IE5.x系のDOM (ただし、IE5.x系はIE4.0系のDOMをほぼ全て利用可能)
(3)NN4.x系のDOM
(4)NN6.x系のDOM (MOZIILAのM17・M18あたりとほぼ等しい)

■HTMLの側面から見たとき、ここから
----------------------------
(1)と(2)はほとんどの場合、問題は起きないし、表示面での違いもあまり発生しないはずです。
(1)と(3)については、フォントの大きさからして違い、いろいろと問題も発生するでしょう。特に(3)は何もないテーブルやレイヤーの背景に色がつかない、とかいったことを中心として、「癖」が強いと言えます。ひとつひとつパッチを当てるような気持ちで直して行く根気が必要です。(かなり慣れてくると、はじめからNNでもほぼIEと等しくきっちり表示できるものが一発で書けるようになります。(1)を機軸にすえて、(3)の癖を(机上や本ではなく実体験として)じっくりと覚えて行く必要があります。
(2)と(4)については、(1)と(3)の圧倒的な違いに比べれば、かなり歩み寄った形となっています。(3)よりも(4)への対応の方がずいぶんと楽だと思います。
----------------------------
■HTMLの側面から見たとき、ここまで

■JAVASCRIPTの側面から見たとき、ここから
----------------------------
JAVASCRIPTという側面からみると、(1)(2)(3)(4)は非常にややこしい関係になっています。

★(1)と(3)のDOMはぜんぜん違います。これは「document.all」型と「document.layers」型といっても良いでしょう。このあたりのことは、JAVASCRIPT系の「クロスうんちゃら」と書かれた本に載っていると思います。
★(1)と(2)のDOMもぜんぜん違います。しかし、(2)は(2)自身のDOMに加え、(1)のDOMも動かせます。
★(2)と(4)は本来はほとんど同じです「document.getElementById」型といっても良いでしょう。ですから、IE5.xのDOMで書かれたものは、本来は(4)で動くのです(微妙なところでまだ違いがありますが)。実際動くことの方が圧倒的に多いはずです。
しかし、実際には「IE5.xで動くのにNN6.x」では動かないという報告の方が圧倒的に多いです。なぜでしょう。それは上で述べたように(2)は(1)のDOMを動かせますが、(4)は(1)のDOMもそして(3)のDOMも動かせません。(4)はブラウザの名前とはうらはらに(3)よりも(2)にかなり近いDOMを持っているのです。
「NN6になってJAVASCRIPTが動かなくなった」といっているのは、なんのことはなく、ちゃんとふさわしいDOMで書いていない人がわめいているだけです。

以上から、おおよそ、(1)のDOM、(2)と(4)の共通DOM、(3)のDOMの大きく3つに分類され、(2)と(4)は僅かな違いだけ分類する、というのが現在の常套手段です。
本屋の書店に並んでいる「2分類」というのは、とっくに時代後れであり、今や実践力を失いつつあるといえるでしょう。

なお、時代は(2)と(4)のDOM系へ統一されていっています。ですから、やがてはDOM分類の話自体が過去の遺物となるでしょう。
----------------------------
■JAVASCRIPTの側面から見たとき、ここまで

どうでしょう。参考になりましたでしょうか?
    • good
    • 0

何をするにも参考になるページですが、僕は「とほほのWWW入門」を参考にします。


以下の参考URLがメインページです。

ちなみに、その中の
http://wakusei.cplaza.ne.jp/twn/wwwtags.htm
がhtmlのサポート状況で、
http://wakusei.cplaza.ne.jp/twn/wwwcss3.htm
がスタイルシートのサポート状況です。
ジャバスクリプトも参考になるかと思います。

参考URL:http://wakusei.cplaza.ne.jp/twn/www.htm
    • good
    • 0

あっちでできてこっちでできないものを探すよりは、どちらでも同じように動くものを探した方が効率が良いとおもいます。



「クロスブラウザ」を検索してみてください。色々な情報が得られると思います。
    • good
    • 0

マーキーとかブリンクとかそういうことですね?


でしたらタグ辞典を参考になさったらよろしいかと思います。
タグ一覧の中に、IE、NNの使用可能バージョンがあるのが普通です。
IE、NNごとの一覧表というのは無いかもしれませんね。

とはいえ、サイト作成はタグ打ちしているんですか?
それとも作成支援ソフト(ホームページビルダーとか)を使われるのですか?
ソフト使用の場合、タグ表を見るより、
IEとNN両方のブラウザで確認しながら作るほうが効率はいいかもしれません。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q画像がIEでは表示されるが、NNでは表示されない。

HPを作成しているのですが、
InternetExplorerでは、GIF画像が表示されるのですが、
Netscapeでは、表示されません。
Netscapeにその画像をドラッグすると、表示されます。

困ったことに、同じGIF画像でも、
Netscapeで表示される画像と、されない画像があります。

自分なりに調べてみたのですが、解決しませんでした。

何かソースを間違ってるのでしょうか?

Aベストアンサー

レイヤー(スタイルシート)を使用しているからかもしれません。

<DIV style="width : 89px;top : 365px;left : 281px;
position : absolute;
z-index : 4;
height : 50px;
" id="Layer1">
<P>スモークD<BR>
<BR>
透過率30%</P>
</DIV>

positionやz-indexはNNでは表示されない場合があるかもしれません。
NNでも表示したい場合はレイヤー(スタイルシート)を
使わないことが一番です。

下記アドレスでサポート状況を確認しましょう。

参考URL:http://tohoho.wakusei.ne.jp/wwwcss3.htm

QNNでうまく動きません

オプションボタンを使って、メニューを作りましたが、NNでうまく動きません。「checked」で初期値を指定しているので、そのまま「選択」ボタンを押した場合のために「form」に「value」でURLを指定したのですが、認識されません。(IEでは問題ありません)オプションボタンをクリックしなおして、「選択」ボタンをクリックするとジャンプします。
ソースを書きますので、宜しくお願いします。

<html>
<head>
<title>メニュー</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(){
parent.location=document.menu.value;}
// -->
</SCRIPT>
</head>

<body>
<tableborder="0">
<tr><td>
<form name="menu" value="http://www.goo.ne.jp">
<input type="radio" name="sate" onClick="menu.value='http://www.goo.ne.jp'" checked>GOO<br>
<br>
<input type="radio" name="sate" onClick="menu.value='http://www.yahoo.co.jp'">YAHOO<br>
<br>
<input type="button" value="選択" onClick="change()">
</form>
</td></tr>
</table>
</body>
</html>

オプションボタンを使って、メニューを作りましたが、NNでうまく動きません。「checked」で初期値を指定しているので、そのまま「選択」ボタンを押した場合のために「form」に「value」でURLを指定したのですが、認識されません。(IEでは問題ありません)オプションボタンをクリックしなおして、「選択」ボタンをクリックするとジャンプします。
ソースを書きますので、宜しくお願いします。

<html>
<head>
<title>メニュー</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(){
parent.lo...続きを読む

Aベストアンサー

以下のようにすればいかがでしょう。
デフォルトのページが決まっているので、valにデフォルトページを記述。
document.menu.valueが存在する時は、そのページをセット。
無い場合は、デフォルトのVALを表示。

var val='http://www.goo.ne.jp';
function change(){
if(document.menu.value) parent.location=document.menu.value;
else parent.location=val;
}

QMACのSafali1.2、IE5.5、NN7で

Winのブラウザのように、画像にマウスを当てるだけで、文字が出るように(htmlのalt指定)するには、何を指定すればいいのでしょう?Safali1.2でHPを閲覧している時、たまにWinのIEのように画像にオンマウスだけで、その画像の説明が表示される場合があります。なにか、特定の属性指定をするのでしょうか?どなたか教えてください。

Aベストアンサー

<img title="説明"~
みたいなことでしょうか?

QIE6/NN7.1のテーブルのheight="100%"

テーブルの高さの指定 height="100%" なんですが、
IE6とNN7.1で100%で表示されません。

下記の記述に間違いはありますでしょうか?
もしかしたら初歩的な問題なんでしょうか?


ちなみにIE5.5 MacのIE5.2では表示されました。
困っています。
宜しくお願いいたします。

ーーーーーーーーーーーーーー
<table border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td valign="top">上</td>
</tr>
<tr>
<td valign="bottom">下</td>
</tr>
</table>
ーーーーーーーーーーーーー

Aベストアンサー

HTML4.01の規格(仕様)では、tableに使えるアトリビュートは、summary、align、widthです。
heightが有効になるほうが特殊だと思ったほうがよいとおもいます

QNNとIEの違い?

メインウィンドを フレームで上(A)下(B)に分けていて Bからサブウィンドを開き 
サブからA、Bそれぞれに表示させるように リンクを張りました。
IEではばっちり成功するのですが NNだと Aには表示されるのですが 
Bには なにも出てきません。
それぞれに表示というのは サブのメニューの1はAに2は
Bにという具合で分けています。同時にABに表示させるわけではありません。

これは ブラウザの違いでしょうか? それとも 私がいけないのでしょうか?
エディターは使っていません。
説明が足りなければ 言って下さい!
初心者なので困ってます・・・・よろしくお願いします。

Aベストアンサー

同じ様なページを作ってためして見ましたが、
僕の環境では NN(NC)でも問題なく動きました。
単純にtarget属性の指定が間違っている様にも思えますが、
IEで問題なく動くってのがよくわかりませんよね。
それでも一応 「フレームのname属性」と
「サブウィンドにあるリンクのtarget属性」を
もう一度確認してみて損はないと思います。

ちなみにエディタを使ってないと言うのは、HTMLエディタは使わず
何かWebページ作成ソフトを使用していると言う事でしょうか?
こう言う質問の場合、できるだけ自分の環境(OS・ブラウザのバージョン等)を
書かれた方がよりスムーズに回答がえられると思いますよ。


人気Q&Aランキング

おすすめ情報