ドリームウエーバー(マック)でHPつくっています。
レイヤー機能についての質問ですが、普通にレイヤーを選択し、配置してからIEで見ると、位置が微妙にずれます。ネスケだと表示すらしません。
windowsのIEはマックIEとまた違う位置での表示がされます。WINネスケもダメです。

どのようなことがしたいかと言いますと、画像をonmouseoverすると、レイヤーで囲まれたテーブル(解説文章)が表示し、outすると非表示。それが4つの画像があり、4つともすべて同じ位置に表示がしたい。ブラウザーもWIN、mac,IE,ネスケ同じ見え方ができるようにはどのようにしたらいいのでしょうか?
以前にもレイヤーを使った仕事がありまして、試行錯誤してすべてのブラウザーで同じに見えるようにできたのですが。。

どうか助けてください。お願いします。
乱雑な文章で申し訳ないです。

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

A 回答 (1件)

DW(ドリームウエバー)のユーザーでないので、ソフト上でのお話はできません。


旧バージョンは、IEとNN用の保存ができるようでした。
DWはLAYERタグで、配置するようです。NNはLAYERタグを使用して、LAYERタグに対応していないIEへは、TABLEに変換されているようでした。
現バージョンはわかりません。
ここでレイアウトが、崩れるのではないかと思います。
基本的に、ONMOUSEOVERなどDHTMLを使用する場合、IEとNNでは互換性がありません。
DWでコンバートできるとしたら、すごいソフトだと思いますが。
MacintoshとWindowsのIEは、互換性がかなり取れてきています。
相対値%を使用すると、位置や大きさが多少誤差が出ます。
まだ対応していない部分もありますが、DHTMLもかなり互換しています。
NNは、配置やDHTMLはLAYERタグを使用します。両ブラウザーに対応する場合、2つのWebを作るか、レイアウトや動的な部分を共有できるように制限しなければならないと思います。

※作成部分について概要
IEでは、解説文章要素をTABLEやDIVで配置し、プロパティーDISPLAYでBLOCKで表示、NONEで非表示か、VISIBILITYでVISIBLEで表示、HIDDENで非表示です。
NNの場合、テーブル(解説文章)部分をLAYERタグで囲まなければなりません。
LAYERタグに、VISIBILITYでVISIBLEで表示、HIDDENで非表示を指定しなければなりません。

この回答への補足

詳しい解説ありがとうございます。

なんとか無事4つのブラウザーで同じ位置に表示することができました。
これから製作していく上ですごく参考になりました。

ありがとうございます。

補足日時:2001/09/09 18:55
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

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

QネスケとIEを同じ表示にしたい

文字をborderで囲ったものを二列に6つずつ並べて、サイトのメニューとして
使っています。
HTMLを以下のように記し、↓
<div>
<span class="menu"><a href="#">AAA</a></span>
<span class="menu"><a href="#">BBB</a></span>
……
</div>
<div>
<span class="menu"><a href="#">CCC</a></span>
<span class="menu"><a href="#">DDD</a></span>
……
</div>
これをcssで以下のようにしているのですが、ネスケで上手く表示されません

.menu {
font-size: 13px;
text-align: center;
margin: 2px;
border:1px solid gray;
width: 97px;
height: 15px;
color: #808080;
}
どうも、marginとwidth、heightが反映されていないようなのですが、これを
ネスケでも反映させるにはどうしたらいいでしょうか。
宜しくお願いします。

文字をborderで囲ったものを二列に6つずつ並べて、サイトのメニューとして
使っています。
HTMLを以下のように記し、↓
<div>
<span class="menu"><a href="#">AAA</a></span>
<span class="menu"><a href="#">BBB</a></span>
……
</div>
<div>
<span class="menu"><a href="#">CCC</a></span>
<span class="menu"><a href="#">DDD</a></span>
……
</div>
これをcssで以下のようにしているのですが、ネスケで上手く表示されません

.menu {
font-size: 13px;
text-align: center;
margin: 2px;
...続きを読む

Aベストアンサー

menu-classで指定されているスタイルの width と height 属性は、W3Cの勧告では block-level 要素にしか適用することが出来ません。

HTMLタグは大きく分けると、以下の3つのレンダリング属性があります。
1. block-level 要素
2. inline-level 要素
3. list-item 要素

それで、menu-class を指定している SPAN タグは inline-level 要素にあたります。
そのため width と height 属性が適用されないのです。

ちなみに、text-align 属性も block-level要素だけに適用できるスタイルです。

※ IEでちゃんと見れているのは、IEがW3Cの勧告から外れた余計なことしているためです。

で、どのようにやればいいのかですが、私なら単純にTABLEタグで配置します^^;

QIEとネスケの表示を同じにしたい

サイトのメニュー作成で、項目をツリー型にしようと思いソースを書いたのですが、出来上がってネスケで確認してみるとツリーメニューが動作していないことがわかりました。
どうにかしてネスケでも動作するようにできないものでしょうか?
わかる方がいらっしゃいましたらご教授お願いします。

Aベストアンサー

スクリプトは何を使用したのでしょう?
VBScriptである場合、ネスケで動かすのは無理です。
JavaScriptである場合でも元来、
ネスケとIEではjavascriptの解釈の仕方が違います。

どういうソースを書いたかが判りませんので
詳細は答えかねますが、参考になるサイトを載せておきます。

ここのサンプルはどちらでもほぼ動くようです。

参考URL:http://www2.ocn.ne.jp/~yoochan/decoration/

QIEとネスケの表示の違いを直したい

下記のように
ページ上部、左端ともに隙間を空けずテーブルを組んだつもりなのですが、
IEではピッタリとくっつくのに、Netscapeで見ると、5pxくらい間があいてしまいます。

どこを直したらいいのでしょうか。

<HTML>

<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=shift_jis">
<TITLE>ページ</TITLE>
</HEAD>

<BODY topmargin="0" leftmargin="0">

<TABLE border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" bgcolor="#000000">
<TR>
<TD width="100%"> </TD>
</TR>
</TABLE>

</BODY>

</HTML>

下記のように
ページ上部、左端ともに隙間を空けずテーブルを組んだつもりなのですが、
IEではピッタリとくっつくのに、Netscapeで見ると、5pxくらい間があいてしまいます。

どこを直したらいいのでしょうか。

<HTML>

<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=shift_jis">
<TITLE>ページ</TITLE>
</HEAD>

<BODY topmargin="0" leftmargin="0">

<TABLE border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" wi...続きを読む

Aベストアンサー

IEでのマージン指定は leftmargin と topmargin で行いますが、NNでは marginwidth と marginheight で行います。

このため、どちらでも同じように表示させるためには、両方の属性を指定しなければなりません。
BODYタグを
 <BODY topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
としてみて下さい。

QネスケとIEでの罫線の見え方について。

ネスケ7・1とIE6・0でレイアウトの確認を
しています。

罫線を使っているのですが、背景と罫線を同色にし、
見えないようにごまかしております。IEでは
意図通りに見えるのですが、ネスケで見ると

半透明の白で罫線が表示されてしまいます。
特に文字レイアウトが崩れてはいないので
問題はないのですが、少し気になったので
良い解決法を教えてください。

よろしくお願いします。

Aベストアンサー

ヘッドタグ内に

<style type="text/css">
<!--
table,tr,td,th{
border-style:none;
}
-->
</style>

を入力してみてはどうでしょうか?

QIE6及びIE7を同じコンピュータにインストールできますか?

ウェブサイトを作成する場合、ブラウザーでの表示及び動作結果が正常か気になります。

現在、多く出回っているブラウザーはIE6だと思いますが、新しくIE7もリリースされました。

そこで、IE6及びIE7を同じコンピュータにインストールしてウェブサイトの表示及び動作結果を確認したいのですが、可能なのでしょうか?

IE6及びIE7を同じコンピュータにインストールすることが可能であれば、どのようにしてIE6及びIE7を同じコンピュータにインストールするのか教えて下さい。通常、IE6がインストールされているパソコンにIE7をインストールすると上書きされてしまうように思いますが。

IE6及びIE7を同じコンピュータにインストールすることが不可能であれば、Website開発者の方々などはどのようにして開発中のウェブサイトの表示及び動作検証を異なるバージョンのブラウザーで行なわれているのでしょうか?(やはり、パソコンを複数台保持してそれぞれに異なるバージョンのIEを入れる必要があるのでしょうか?)

OSはWindowsXPです。

キャサリン

ウェブサイトを作成する場合、ブラウザーでの表示及び動作結果が正常か気になります。

現在、多く出回っているブラウザーはIE6だと思いますが、新しくIE7もリリースされました。

そこで、IE6及びIE7を同じコンピュータにインストールしてウェブサイトの表示及び動作結果を確認したいのですが、可能なのでしょうか?

IE6及びIE7を同じコンピュータにインストールすることが可能であれば、どのようにしてIE6及びIE7を同じコンピュータにインストールするのか教えて下さい。通常、IE6がインストールされて...続きを読む

Aベストアンサー

■■できます■■
私はIE7をインストールしたパソコンにIE5.01 IE5.5 IE6.0 を
 インストールして、使用しています。
 お気に入りが使用できないのですが、URLをコピーして使用しています。

複数のバージョンのInternetExplorer(IE)を同じマシンに同居させるには
http://www.onflow.jp/blog/archives/2005/09/internetexplore.html
Windows XP 用の場合はファイル名の末尾が _nt.zip のファイルを使用してください、末尾 9x.zip はWin98やWin ME 用です


条件付きコメント
http://www.keynavi.net/ja/bugh/comments.html
スタンドアローン版で条件分岐コメントが対応しない対策
http://www.freesia.org/archives/2007/03/ieconditional_c.html
http://www.lllcolor.com/web/57.html

参考URL:http://www.onflow.jp/blog/archives/2005/09/internetexplore.html

■■できます■■
私はIE7をインストールしたパソコンにIE5.01 IE5.5 IE6.0 を
 インストールして、使用しています。
 お気に入りが使用できないのですが、URLをコピーして使用しています。

複数のバージョンのInternetExplorer(IE)を同じマシンに同居させるには
http://www.onflow.jp/blog/archives/2005/09/internetexplore.html
Windows XP 用の場合はファイル名の末尾が _nt.zip のファイルを使用してください、末尾 9x.zip はWin98やWin ME 用です


条件付きコメント
http://www.keynavi...続きを読む


人気Q&Aランキング

おすすめ情報