• 締切済み

レイヤーについて(DW)

ドリームウエーバー(マック)でHPつくっています。 レイヤー機能についての質問ですが、普通にレイヤーを選択し、配置してからIEで見ると、位置が微妙にずれます。ネスケだと表示すらしません。 windowsのIEはマックIEとまた違う位置での表示がされます。WINネスケもダメです。 どのようなことがしたいかと言いますと、画像をonmouseoverすると、レイヤーで囲まれたテーブル(解説文章)が表示し、outすると非表示。それが4つの画像があり、4つともすべて同じ位置に表示がしたい。ブラウザーもWIN、mac,IE,ネスケ同じ見え方ができるようにはどのようにしたらいいのでしょうか? 以前にもレイヤーを使った仕事がありまして、試行錯誤してすべてのブラウザーで同じに見えるようにできたのですが。。 どうか助けてください。お願いします。 乱雑な文章で申し訳ないです。

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • next-co
  • ベストアンサー率28% (43/149)
回答No.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で非表示を指定しなければなりません。

saturne
質問者

補足

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

関連するQ&A

  • レイヤーの多用は問題ありますか?

    いつもお世話になってます。 dream weaver MX2004を使ってHPを作成しているのですがレイヤーをとにかく多用して作成しました。 参考書にはレイヤーの多用についてはあまり良いように書いていなかったのですが、それはブラウザの関係でネスケ4、IE4以下では対応していない、ぐらいしか書いていませんでした。 私の場合はネスケ4やIE4以下は捨てようと思い簡単なレイヤーを多用していたのですが他のHPのソースを見るとどうもテーブルベースが多いようで妙に気になりました。 何かレイアウトが崩れるなどトラブルが起きやすいのでしょうか? ちなみに私のHPの1文をコピーしようとすると全体をコピーするようにすべての文章がアクティブになります。 これも何かレイヤー多用と関係があるのでしょうか?

  • レイヤーをブラウザや閲覧環境によって表示(実行)非表示(実行しない)したい

    初めまして、今回はじめて書きこみをさせて頂きます。 早速質問なんですが、レイヤーの中にFlashをしようと思っているのですが、WinのIE4.0以降じゃないとFlashの背景透過効果が反映されないので、Mac環境及びWinのIE3.0以前のブラウザを使用している場合、レイヤーを表示させないようにしたいのですが、JavaScriptでこのような動作は可能なのでしょうか? OSチェック(Win)→ブラウザチェック(IE4.0以降)→レイヤーの表示(実行する) OSチェック(Mac・Win)→ブラウザチェック(上記以外のブラウザ)→レイヤーの表示(実行しない) 以上、わかりにくいかも知れませんがどうか宜しくお願いします。

  • ドリームウェーバのまま保存?

    駆け出しウェブデザイナーです。 私の環境はWinXP、ブラウザの確認はWinのIE・ネスケ・Opera・Firefox・Sleipnirで行っております。 あるお客様がMacだったので「崩れなどを確認しながら作成」していき、OKがでたのですが、htmlファイルとcssファイルとjsファイルに画像ファイルを全てそのままアップすればいいように送ったところ以下のような回答が来ました。 -------------------------- ドリームウェーバーで保存したデーターをいただけないと アップすることが出来ないのですが。 -------------------------- 「ドリウィで保存したhtmlなどを送ってるのですが?」と解答したところ・・・ -------------------------- ファイルはhtmlになっていますが、すべてサファリになっています。 これをドリームウェーバーで新しく開きなおすとだめです。 ドリームウェーバのまま保存していただけないでしょうか。 -------------------------- 「全てサファリになっている」とはMacの用語でしょうか? いろいろ検索したのですが出てきません。 お客様にも聞いたのですがよくわかりません。 どうか教えてください。

  • DWでimgのロールオーバーでレイヤーを可視、不可視させたい

    ドリームウィーバーでイメージにビヘイビアをいれて、onMouseoverでレイヤーを表示させるのは出来たのですが、Mouseoutの動作がうまくいきません。ちなみにレイヤーには複数のボタンを乗せていて、プルダウンメニューみたいな感じです。レイヤーのボタンにポインタを動かすと当然マウスアウトでレイヤーが消えてしまうし、かといってレイヤーが出たままなのはイヤなのですが。。。 DHTMLが大変だったのでDWでできるかと思ってやってみたのですが何か良い方法ご存知の方いませんか? あとテキストにビヘイビアは入れられないのでしょうか?<td>でも良いのですが。

  • 画像の周りこみ ブラウザでの表現の違い

    画像の回り込みをcssのfloatで設定して、IE(最新)で確認したところ思ったとおりにできていたので アップロードしました そしてなんとなくネスケ7.1で同じページを見てみると、なんと見事にぐちゃぐちゃでした。そこでalignも試してみましたが結局ネスケ7.1ではグチャグチャでした そこで、思ったのですが 1、ネスケとIEで配置の表現を同じにするには相対位置  か絶対位置を使うしかないのか? 2、すべての有名ブラウザ(win.macどっちも)に対応して  いるページを作成するのは不可能なのか?(見た目を  あまり変えずに) 3、2が不可能だった場合、どのブラウザでの表現に重  点を置くべきなのか?(みんなが良く使っているの  はどのブラウザか?) この3点が質問です 私はHTML初心者ですのでもし上3つのような質問をする観念からおかしいとすれば、ご指摘おねがいします

    • ベストアンサー
    • HTML
  • レイヤー位置の固定

    Dreamweaverで 画像のレイヤーを重ねて配置した場合 見る人のブラウザの文字設定などの環境によって レイヤーの位置がずれたりすることはありますか。 テキストを入れた場合などはずれることがあると思いますが 画像のみの場合は胴なのでしょうか。 また、ずれないようにレイヤーの位置を固定することはできますでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Dreamweaver レイヤーでページを作る

    ホームページビルダーのどこでも配置モードは、ブラウザーによって表示が崩れてしまい良くないといわれてますが、ドリームウィーバーでレイヤーを使用してページを作成するのは大丈夫ですか? スタイルシートは良く分からないので、レイヤーで作成希望です。

    • ベストアンサー
    • HTML
  • ポップアップメニュー

    Mac版ドリームウェーバーでHP作成をしているのですが、サーバーに上げる前にローカルでブラウザ(IE)で確認した時はポップアップメニューが表示されるのですが、サーバーに上げるとメニューが表示されません。何が原因なのでしょう??解る方、教えて頂きたいのですが......お願いします。

  • レイヤー・・・ブラウザが古いとぐちゃぐちゃになります

    テーブルでどうしてもうまく表現できない箇所だけをレイヤーにしてサイトデザインを完成させました。 うっかりIE6でしか確認していなかったので、しまったと思い、すぐに以下のブラウザを使用して見栄えを確認してみました。 その結果も合わせて以下に記します。 windows/IE6 問題なし windows/Netscape7.1 問題なし windows/Netscape4.7 レイヤー使用箇所だけずれる windows/Opera7.1  問題なし Mac/IE5  レイヤーの部分だけが表示されて、その下部にページ全体が表示されます。このIE5のずれが一番ひどかったかもしれません。 レイヤーを使い方がまずいのでしょうか。それともブラウザの使用上、これは仕方がないことなのでしょうか。 ちなみにDreamweverMXによる作成です。 レイヤーは凄く便利ですが、それだけ扱いが難しいのだなと痛感いたしました。

  • Goliveのレイヤーの位置

    MacでGoliveCS2を使っていますがその機能の中でレイヤーの位置があわず困っています。ページ設定でレイヤーを設定してプラウザプレビューで確かめるととんでもない場所に表示します。旨く指定した場所に表示出来ないものでしょうか

    • ベストアンサー
    • Mac

専門家に質問してみよう