Dreamweaverでサブウィンドウが開く際の画像のずれを解消する方法

前へ 次へ
このQ&Aのポイント
  • Dreamweaverで作成したサブウィンドウは、幅300で開くことができます。しかし、画像が右にずれて表示される場合があります。
  • 画像がぴったり表示されずに余白が入る原因は、テーブルの配置方法やセンタリングの設定にあります。
  • 解決策としては、テーブルの幅を100％に設定し、画像のサイズも調整することで、ぴったりと表示させることができます。
回答を見る
  • ベストアンサー

Dreamweaverでサブウィンドウが

たびたびお世話になっております。 Dreamweaverでビヘイビアでサブウィンドウが開くというものを作っているのですが、 ウィンドウサイズを幅300にするとして、300の幅のテーブルに画像を配置したファイルを作って それを開くようにして見ると、 サブウィンドウが300で開いてはいるのですが、 画像が右にずれて表示されてしまいます。 つまり、表示したい画像サイズぴったりではなく、左がすこし（10ポイントぐらい？）余白が入って全体が右にずれている状態になってしまうのですが、 これはどうしてでしょうか？ 余白が入らずぴったりに表示させることはできないのでしょうか。 開くほうはテーブル100％で入れ子にしてセンター配置にしています。 解決策がありましたら教えてください。

noname#13747
noname#13747
  • HTML
  • 回答数4
  • ありがとう数10

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

  • ベストアンサー
noname#107580
noname#107580
回答No.1

こんにちは！ 開かれる方のページの【ページプロパティ】を開いて各マージンを「０」に設定してください。

noname#13747
質問者

お礼

早速のご回答ありがとうございます。 そうか！と思ってやってみたところ、Netscape7ではできました！ でもIEでみてみたらまだ余白ができるのです・・・ （センターにはなっていて、左右に5ポイントぐらいずつ） Macなんですが、ブラウザによっておきてしまうことなんですかねー？ スクロールバー無しもMacIEだと一度有りにチェックをいれてから コードビューでscrolling=yesをnoに書き換えたりとかするんですが、 そういう裏技みたいなのがあるのでしょうか・・・？

その他の回答 (3)

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

回答ではありません。すみません。 私も昨日、同じことで悩んでました。 私も解決策を教えていただきたい立場なのですが、せめて情報だけでもと思い書き込んでいます。 環境は、Win xp HE、DWはMX 2004です。 私の場合は、300のイメージを300のウィンドウに入れようとしたのですが、同じく左が少し開いて右にずれていました。結局、ウィンドウ幅を320程にしてalign centerで両側の白い部分を同じ幅にしました。

noname#13747
質問者

お礼

そうですかー。 私も結局No.3の方のお礼にも書いたようになってしまうので、 幅を315に設定して、Netscapeでぴったり見れるようにし、 IEでは左右すこし余白が出る形にしました。 でもこれってブラウザ依存で出てしまうしょうがない事の内のひとつなんですかねー？ なんかすっきりしませんよね。 beckyeahさんはスクロールの設定などどうしていますか？ scrolling＝noだとぴったりになりましたよ。Macですが。 ご参考になれば・・・

noname#107580
noname#107580
回答No.3

こんにちは! 別に問題は無いようですが・・。 入れ子側のテーブルの<tr><td>が抜けているのはただの間違いですよね。 それ以外は問題ないと思います。 ただ、画像をボンと入れておくだけですよね。 だとしたら、テーブルはどちらも必要ないですよ。 <body bgcolor="#996633" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <img src="image/***.jpg" width="***" height="***"> </body> これだけでOKです。 でもマージンを０にしてBODYの背景に色をつけているのにも関わらず、白い部分が出てしまうのですよね・・ 左ですからスクロールスペースのはずがないし・・ OS9 のIE は何か癖があったろうか・・ う～ん・・ちょっと思い出せないですね・・。 ちなみにCSSでマージンを指定するとどうなりますか？ <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> これを<head>・・・</head> の間に入れて見て下さい。 多分同じだろーな・・ 他に誰か知っている人いないかな～ 一度終了してもう一回質問し直した方が良いかもしれませんね。

noname#13747
質問者

お礼

たびたびすいません。 あれからいろいろ試しているうち、わかってきました。 スクロール無しの設定の時はyayopixさんに教えて頂いたやり方でOKなのです。ばっちりサイズぴったりです。 でも、質問した時にやろうとしていたサブウィンドウはHPの更新のお知らせに使うもので、 情報が増えるとスクロールして見せるようにしたかった為、 「必要に応じてスクロールバーを表示」にチェックをいれてscrolling=yesの状態にしていたんですね。 そうすると、スクロールバーが出る以前（指定サイスより内容が少なくて小さい時）は スクロールバーの幅分余白として出てしまうようです。 そしてスクロールバーが表示されるとそれ以外の領域はサイズぴったりになり余白は消えます。 左にも余白が出ていたのは私がテーブル入れ子センターにしていた為のようです。 （そうしないと、右だけに余白ができます。） ただこれはIEの時で、Netscapeでは逆にスクロール出ない時ぴったり、出ると画面を侵食する形で スクロールバーが表示されます。 つまりサイズ幅300とするとIEでははじめからスクロールバー幅分を足したウィンドウサイズが表れ、Netscape では300で出て、スクロールバーが出る時は中に食い込む形（？）で表示されるようですね。 （cssも試してみましたがやっぱり同じでした） なのでこの場合どちらかに合わせてサイズを決めないとならないのかなー？ 自分もそれに気付かず長々付き合わせてしまいすみませんでした。

noname#107580
noname#107580
回答No.2

こんにちは！ なんでしょうね？ こちらでもMac（OSX）で確認してみましたが、そのような現象はおきませんでした。 サファリ、ネスケ、IE OS9では確認していません。 クラシックでも入れていないもので・・ テーブル自体はセンター配置にしてませんよね。 一応確認ですが、テーブルの border、cellspacing、cellpadding などは０になっていますか？ そのページを観ることが出来ればこちらで確認出来るのですが・・

noname#13747
質問者

お礼

再度ご回答ありがとうございます。 わざわざ確認までしていただき恐縮です。 OSは9.1なんです。 ＞テーブル自体はセンター配置にしてませんよね。 ？そういえばウィンドウサイズを指定するなら100％テーブル入れ子は必要なかった？んですかね。 すいません、ほんと初心者なものでよくわかっていません。 以下がソースなのですが、これは変ですか？テーブル自体をセンター配置、とはどこの部分でしょうか。 <body bgcolor="#996633" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle" class="nishiclose"> <table width="300" border="0" cellspacing="0" cellpadding="0"> （ここに本体部分） </table></td></tr></table> </body> お手数ですが、教えていただけると助かります。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • Dreamweaverでテーブルを作ると

    Dreamweaver初心者なので初歩的な質問だとは思うのですが、よろしくお願いします。 ページを作成するときにテンプレートとしてテーブルを中央上に固定し、幅を700ピクセル、真ん中のセルを入れ子にして編集可能領域にしたいのですが。そこで問題があります。 〔1〕どうしてもテーブルの上と左に空白ができてしまいます。 〔2〕なにか微妙に縦の線（セルの幅）がずれているようです。 ■なにかよいページの設定やＣＳＳ、テーブルの設定方法があるのでしょうか？ ■理想としては http://www.nikkansports.com/ のような感じにしたいのです。 ■上のページのようにテーブルの横に影のような背景をつけたいのですがどのようにすればよいでしょうか？

  • Dreamweaverのテーブル内テキストの調整

    Dreamweaver初心者です。 質問2点よろしくお願いします。 1.テーブル内テキストの行間の調整の方法。 2.同じくテーブル内で、テキスト自体は中央揃えじゃない（左揃え）まま中央に配置したい。 2.は、セル内の余白の指定、でしょうか？ そうであれば、どこで指定すればできますでしょうか？ よろしくお願いいたします。

  • dreamweaver cs3 でのホームページ作成について

    　お世話になります。 以前HPBで全てテーブルレイアウトで添付画像のようなHPを作成致しました。 サイトのページ数が約15枚ほどで、画像の「1,ヘッダー」 「3,左メニュー」「4,フッター」は全てIフレームにして別のHTMLを表示させるようにしています。 「1,ヘッダー」「3,左メニュー」「4,フッター」は全てのページで共通 で表示され「3,コンテンツ」のみ内容が切り替わるようにしています。 　この度ページを更新しようと思ったのですが、段々と左メニューやコンテンツ、フッター等内容が多くなってきてしまい、なおかつテーブルの入れ子に次ぐ入れ子という感じでレイアウトしていたために、どれがどのテーブルかわからず、レイアウトを調整しようと色々といじっていたらレイアウトがぐちゃぐちゃになってしまいました。 そこでこの際勉強も兼ねて一からサイトを作り変えようと思っております。ソフトはdreamweaver cs3でやってみようかと思っています。 cssを使って何とか添付画像のようなレイアウトは作れたのですが、 ヘッダー内や左メニュー内にも細かな段組みレイアウトが作れません。 通常細かな段組み（ヘッダー部分のメニューや左メニューのレイアウト）についてはやはりテーブルでのレイアウトが正しいのでしょうか？ まだdreamweaver cs3も使い始めて間もないもので細かなレイアウトの方法などが理解できていません。今後のサイト更新のためにも分かりやすい形で作りたいのですが・・・。 どなたかレイアウトについての参考URLや方法などご存知の方がいらっしゃいましたらご教授下さいませ。 よろしくお願い申し上げます。

  • サブウィンドウの大きさについて

    windows.openでgifをサブウィンドウで表示させようとしていますが、モニタの大きさで画像がみだれます。 大きいＣＲＴモニタだときれいに表示されますが、b4のノートだと画像がみだれます。（ちなみにgifサイズはかなり大きめです。）フルスクリーンにしてしまうと、閉じれないマシンがあって・・（なぜだかわかりませんが） モニタの大きさに依存しないような、方法はありますか？MAXのサイズで固定で指定する場合、どれくらいのサイズがいいですか？早めに回答ほしいです。お願いします。

  • DreamWeaver8 テーブル間のセル行幅変更

    DreamWeaver8にて4行3列のテーブルを作成しました。 各セルの中に画像を隙間なく埋め込もうとしているのですが、 画像の上下に余白がついてしまうので、セル幅を変えようと セルのラインをクリック→ドラッグして行幅を狭くしたいのですが、 他の動かしたくないセルの行幅までも動いてしまい、テーブル全体が 大きくなってしまいます。 任意の１つのセルのみ行列幅を変更したい場合はどのように すればよろしいのでしょうか。

  • エクセルの余白について

    エクセルでファイル→印刷プレビュー→余白で、上余白、下余白、左余白、右余白と余白の幅が設定できますが、余白の幅のサイズ表示が、画面にでなくなってしまいました。どのようにしたら、余白の幅が表示されるようにもどるのでしょうか？

  • Dreamweaver4でのテーブルレイアウト表示

    左右の各1列に、テーブルがあります。 右のテーブルの方が行数が多いので、左のテーブルが右のテーブルに合わせ下がって配置されてしまいます。 左のテーブル配置を上揃えにするには、どのように設定したらよいのでしょうか。 ご教授の程、何卒よろしくお願いします。

  • Dreamweaver MX　でリストを作成すると左に余白がでてしまう。

    DreamWeaver MX　でCSSで画面左の位置にサイドメニューを作っています。 メニューは縦並びです。 メニューの項目を<ul><li>○○○</li></ul>のような形で記述し、CSSでulとliの左マージン・左パディングをそれぞれ０pxに指定しています。 ブラウザではメニュー項目の左に余白もなく問題なく表示されているのですが、DreamWeaver上の編集画面ではメニューの項目の左に余白がでてしまい、その分右にずれてレイアウトが崩れてしまいます。 編集画面でも左に余白がでないようにするには どうすれば良いでしょうか？ お手数ですがご解答頂けますと幸いです。

  • Dreamweaverでレイヤーを使うと画像がずれる？？

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

  • サブウィンドウの大きさを複数設定するには？

    こんにちは。 私の知っているスクリプトだと、一つの固定の大きさでのみサブウィンドウが表示されるので、それぞれのサブウィンドウの大きさを別々に指定したいのですが、どのように記述すれば表示可能でしょうか？大きい方に合わせてしまうと、小さい方が余白が大きすぎてデザイン的にあまり綺麗ではありません。 IE4.0/NN4.0以上対応のスクリプトをお願いします。 やりたい事。 画像をロールオーバーさせ、クリックした時になおかつポップアップでサブウィンドウを表示させる。（その時表示させるページの大きさに合わせ、ウィンドウサイズも変えたい） 既にやっている事。 画像をロールオーバーさせ、固定の大きさではポップアップでサブウィンドウも表示できている。 使用しているソース。 （head部分） <SCRIPT language="JavaScript"> <!-- function openwindow(url,target) { window.open(url,target, "scrollbars=yes,toolbar=no,location=no,status=yes,menubar=no,width=650,height=700") } // --> </SCRIPT> （body部分） <a href="javascript:openwindow('mariko/profile.html','pop_up')" onMouseOver="changeImage('botanb_2.gif', 'botan2','mojij_2.gif', 'moji2')" onMouseOut="changeImage('botanp_2.gif', 'botan2','mojie_2.gif', 'moji2')"><img src="images/botanp_2.gif" width="66" height="80" name="botan2" border="0"></a> よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する