• ベストアンサー

レイヤー位置の固定

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • janbartan
  • ベストアンサー率20% (3/15)
回答No.2

補足でなんとなくわかったような気がします JavaScriptでできるかもしれませんが 公表しているスクリプトがあればいいですが なければ自作になります・・・たいへんですよね DreamWeaverを使っている、という事は同じマクロメディアのソフト「Flash」は入っていませんか? フラッシュを使うと簡単にできそうです。

mohajiro
質問者

お礼

ご回答ありがとうございました。 …残念ながら、会社のPCなのですがFlashは入っていません。 一度JAVAのカテゴリの方で聞いてみようと思います。 ありがとうございました!

その他の回答 (1)

  • janbartan
  • ベストアンサー率20% (3/15)
回答No.1

レイヤーだと、どうしてもずれるようになると思います。 位置を固定しても、ブラウザの大きさで変わってきます。 どうしてもずれないようにするには 何枚かの画像を編集して一枚の画像にするのはどうですか?

mohajiro
質問者

補足

ご回答ありがとうございます。 1枚の画像にできないのには理由がありまして、 2枚の画像を別々にスワップイメージで変化させたかったのです。 たとえば Tシャツの色ボタン・柄の色ボタンがあって その隣にTシャツイメージのレイヤーと柄イメージのレイヤーを重ねたイメージを表示して Tシャツの色と柄の色をいろいろ組み合わせて どんな感じになるかというシミュレーションを スワップイメージで再現するようなことを したかったのです。 この説明でわかっていただけるでしょうか。。。 レイヤーを重ねてスワップイメージを作る以外に このシミュレーションを再現する方法があったら ご提案いただけませんでしょうか? もしくは、新規で質問するべきでしょうか。

関連するQ&A

  • レイヤーは位置で位置がロックしない

    GoliveCS2でテーブルを使って画像を配置して中央配置しています。そこにレイヤーでテキストを載せているのですがブラウザを広げるたびにテキストのレイヤーはそのままの位置でテーブルの移動と一緒に移動しません。

    • ベストアンサー
    • Mac
  • レイヤーの位置を固定する方法

    メニューにマウスをのせたら、その下にサブメニューが表示されるようにしたいと思っています。 (TOYOTAの2階層目以降のような感じです) Flashは使わずレイヤーで作っているのですが、ブラウザを全画面に大きくして見るとちゃんとした位置に表示されていても、小さくするとレイヤーの部分が右にずれてしまうのです。 メニューボタンの下にそれぞれレイヤーを作っており、タグは<div>を使用しています。 また、Dreamweaver8を使っていて、レイヤーの左・上からの位置を適当にpxで指定しています。 常に同じ場所にレイヤーが表示されるようにするには、どうしたらいいのでしょうか。 わかりづらいかと思いますが、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Dreamweaverでレイヤーを使うと画像がずれる??

    イメージの挿入で、イラストレーターで作った画像を配置して、その画像の上にレイヤーを使ってGIFアニメを配置させました。 Dreamweaver上ではちゃんと配置されているのに、ブラウザでプレビューしてみるとレイヤーの画像だけが、左に大幅にずれてしまっています。 どうしてずれてしまうのでしょうか?? もしくは、レイヤーを使わないで、重なる画像を配置させる方法はあるのでしょうか。 HPを作るのは初めてで、本を読みながらやっているのですが、レイヤーのことなどあまり詳しく書いてなくてよくわかりません。 どうかよろしくお願いします。

  • レイヤの相対位置設定?

    DreamWeaver 3Jで弊社ホームページを作成しました。パソコンはXpです。GooGleに登録し、検索で表示してもらえるようになりました。しかし、検索結果のキャッシュ表示を行うと、GOOGLEの説明文と弊社ホームページの上部が重なって表示されます。以前、違うカテゴリーでお聞きしたところ、レイヤを用いているので、レイヤが絶対位置の指定だから、GOOGLEの説明と重なるとの事でした。 そこでお聞きします。私は、図やテキスト全てレイヤで配置しています。レイヤを相対位置(?:順番は変わらない)で指定するにはどのようにすればよいですか? また、まったくの初めて作成しました。他のサイトを見ると重なっているのは見つかりませんでした。一般に、どのようにして、自由な場所に配置しているのでしょうか? 少ない手間で、直すにはどうしたらよいですか? 困っています。是非ご教示ください。

  • Fireworks CS3(Mac)でのレイヤーをDreamweaver CS3(Mac)にペーストした場合。

    Fireworks CS3(Mac)でのレイヤーをDreamweaver CS3(Mac)にペーストした場合、テキストはテキスト、画像は画像としてHTML、CSSに反映されるのでしょうか? Fireworks CS3ではレイヤーでのデザインができ、それをそのままDreamweaver CS3にペーストできるそうですが、レイヤーグループ(「ぬりつぶしレイヤー」「テキストレイヤー」「テキストレイヤーに対してクリッピングマスクしているレイヤー」)をDreamweaver CS3にペーストした場合、テキストはテキスト、画像は画像としてHTML、CSSに反映されるのでしょうか?それとも、テキストも画像として反映されてしまうのでしょうか? そもそもDreamweaver CS3にレイヤーグループや、レイヤーでの制作ができるのかわかりませんが、、、。 よろしくお願いいたします。

  • レイヤーの固定の方法

    レイヤーの対して、「position:absolute」を指定すると、親要素の位置を 基準に配置場所が決まりますよね。 ある画像を画面のセンター揃えにした場合、自動的に画面のセンターに表示 されるようになります。これだと画面のサイズによって画像の座標が変わって しまいます。 今は<BODY>タグが親要素となっているため、レイヤーの位置が画面のサイズに よって違ってしまいます。(つまり画面の上から40px、横から100pxという指定) 画面のサイズによって座標が変わる親要素からレイヤーの位置を指定したいのですが、その方法がわかりません。 解決策を教えてください。 果たしてこの説明で意味が伝わったでしょうか??心配…。

    • 締切済み
    • CSS
  • GIMPでレイヤーを固定したい

    GIMPを使っていて不便に感じているのが、移動させようとしてたレイヤーと違うレイヤーが移動してしまうことです。 とくに背景のような大きなレイヤーの上に小さな画像のレイヤーがあるとします。 小さな画像を移動させようとすると、微妙にずれていると背景の方が移動してしまいます。 すぐに気がつけばアンドゥで直せるのですが、気がつかない場合も多くあります。 ヘルプや検索エンジンで調べてみても「レイヤーを固定する方法」を見つけられなかったのですが、なにか方法はないでしょうか? ※「レイヤー」→「レイヤーを固定」は、フローティングの状態を固定するという機能なので、私の望んでいる機能とは異なります。

  • レイヤーの位置に関する質問

    CSS定義でレイアウトを定義しています。 ブラウザでは、レイアウトが中央に表示(マージンを自動:上下左右に 設定)されるように定義しています。 そこに、レイヤーとタイムラインを使用して簡単なアニメーションを 表示させているのですが、レイヤーの位置をデザイン画面を基準にすると 当然、ブラウザ表示時にずれてしまいます。 手計算による方法以外でレイヤー位置を合わせる方法はないでしょうか? やはり、CSSレイアウト定義を中央表示(マージンを自動に設定)せずに レイアウトを作成するべきなのでしょうか?

  • レイヤーを使わないでテキストの後ろに画像を配置する方法はありますでしょうか?

    Dreamweaver8でHPを作成中です。 そこでテキストの後ろに画像を配置したいのですが、 CSSでテンプレートを作っているため、 レイヤーでつくってしまうとCSSでつくった範囲から外れてしまうので、 使わない方向でいきたいのですが、何か方法はありますでしょうか?

  • レイヤーについて(DW)

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

専門家に質問してみよう