ドリームウエーバー(マック)でHPつくっています。
レイヤー機能についての質問ですが、普通にレイヤーを選択し、配置してからIEで見ると、位置が微妙にずれます。ネスケだと表示すらしません。
windowsのIEはマックIEとまた違う位置での表示がされます。WINネスケもダメです。
どのようなことがしたいかと言いますと、画像をonmouseoverすると、レイヤーで囲まれたテーブル(解説文章)が表示し、outすると非表示。それが4つの画像があり、4つともすべて同じ位置に表示がしたい。ブラウザーもWIN、mac,IE,ネスケ同じ見え方ができるようにはどのようにしたらいいのでしょうか?
以前にもレイヤーを使った仕事がありまして、試行錯誤してすべてのブラウザーで同じに見えるようにできたのですが。。
どうか助けてください。お願いします。
乱雑な文章で申し訳ないです。
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で非表示を指定しなければなりません。
この回答への補足
詳しい解説ありがとうございます。
なんとか無事4つのブラウザーで同じ位置に表示することができました。
これから製作していく上ですごく参考になりました。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- Photoshop(フォトショップ) フォトショのcamera rawフィルター 1 2023/04/07 12:17
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Windows 10 パソコン初期化の件です 2 2022/06/05 11:05
- Photoshop(フォトショップ) Photoshopだと長方形ツールを使っても色が出ません。というか、レイヤーに表示されてすらいません 1 2022/08/06 23:31
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- その他(ブラウザ) Edge internet explorer モードのサイトの再読み込みを許可 表示されない 2 2023/03/03 12:10
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
goo は、放置?
-
htmlの文字が縦書きになる
-
スマホ(android)のタッチパネ...
-
css初心者 フレックスボックス...
-
メモ帳の段落の揃え方
-
CSS、Bootstrapについて contai...
-
テーブルの行を折りたたみたい...
-
WEBページを強制的に横画面で見...
-
WEBサイト 画像の直接リンクに...
-
CSSについて教えてください。 ...
-
列のどこをクリックしてもソー...
-
ボタンが押されたらWebページの...
-
アコーディオンメニューが思う...
-
テーブルタグのセルの幅の一部...
-
iPhoneで HTMLファイルを閲覧
-
角丸画像の背景色を透明にした...
-
htmlソース文の 各行 改行位置...
-
ホームページのURLをコピー...
-
pythonのコードについてご教示...
-
すいません HTMLです この画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報