- ベストアンサー
Dreamweaverでサブウィンドウが開く際の画像のずれを解消する方法
- Dreamweaverで作成したサブウィンドウは、幅300で開くことができます。しかし、画像が右にずれて表示される場合があります。
- 画像がぴったり表示されずに余白が入る原因は、テーブルの配置方法やセンタリングの設定にあります。
- 解決策としては、テーブルの幅を100％に設定し、画像のサイズも調整することで、ぴったりと表示させることができます。
- HTML
- 回答数4
- ありがとう数10
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは！ 開かれる方のページの【ページプロパティ】を開いて各マージンを「０」に設定してください。
その他の回答 (3)
- beckyeah
- ベストアンサー率20% (3/15)
回答ではありません。すみません。 私も昨日、同じことで悩んでました。 私も解決策を教えていただきたい立場なのですが、せめて情報だけでもと思い書き込んでいます。 環境は、Win xp HE、DWはMX 2004です。 私の場合は、300のイメージを300のウィンドウに入れようとしたのですが、同じく左が少し開いて右にずれていました。結局、ウィンドウ幅を320程にしてalign centerで両側の白い部分を同じ幅にしました。
お礼
そうですかー。 私も結局No.3の方のお礼にも書いたようになってしまうので、 幅を315に設定して、Netscapeでぴったり見れるようにし、 IEでは左右すこし余白が出る形にしました。 でもこれってブラウザ依存で出てしまうしょうがない事の内のひとつなんですかねー？ なんかすっきりしませんよね。 beckyeahさんはスクロールの設定などどうしていますか？ scrolling＝noだとぴったりになりましたよ。Macですが。 ご参考になれば・・・
こんにちは! 別に問題は無いようですが・・。 入れ子側のテーブルの<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> の間に入れて見て下さい。 多分同じだろーな・・ 他に誰か知っている人いないかな～ 一度終了してもう一回質問し直した方が良いかもしれませんね。
お礼
たびたびすいません。 あれからいろいろ試しているうち、わかってきました。 スクロール無しの設定の時はyayopixさんに教えて頂いたやり方でOKなのです。ばっちりサイズぴったりです。 でも、質問した時にやろうとしていたサブウィンドウはHPの更新のお知らせに使うもので、 情報が増えるとスクロールして見せるようにしたかった為、 「必要に応じてスクロールバーを表示」にチェックをいれてscrolling=yesの状態にしていたんですね。 そうすると、スクロールバーが出る以前（指定サイスより内容が少なくて小さい時）は スクロールバーの幅分余白として出てしまうようです。 そしてスクロールバーが表示されるとそれ以外の領域はサイズぴったりになり余白は消えます。 左にも余白が出ていたのは私がテーブル入れ子センターにしていた為のようです。 （そうしないと、右だけに余白ができます。） ただこれはIEの時で、Netscapeでは逆にスクロール出ない時ぴったり、出ると画面を侵食する形で スクロールバーが表示されます。 つまりサイズ幅300とするとIEでははじめからスクロールバー幅分を足したウィンドウサイズが表れ、Netscape では300で出て、スクロールバーが出る時は中に食い込む形（？）で表示されるようですね。 （cssも試してみましたがやっぱり同じでした） なのでこの場合どちらかに合わせてサイズを決めないとならないのかなー？ 自分もそれに気付かず長々付き合わせてしまいすみませんでした。
こんにちは！ なんでしょうね？ こちらでもMac（OSX）で確認してみましたが、そのような現象はおきませんでした。 サファリ、ネスケ、IE OS9では確認していません。 クラシックでも入れていないもので・・ テーブル自体はセンター配置にしてませんよね。 一応確認ですが、テーブルの border、cellspacing、cellpadding などは０になっていますか？ そのページを観ることが出来ればこちらで確認出来るのですが・・
お礼
再度ご回答ありがとうございます。 わざわざ確認までしていただき恐縮です。 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> お手数ですが、教えていただけると助かります。
お礼
早速のご回答ありがとうございます。 そうか！と思ってやってみたところ、Netscape7ではできました！ でもIEでみてみたらまだ余白ができるのです・・・ （センターにはなっていて、左右に5ポイントぐらいずつ） Macなんですが、ブラウザによっておきてしまうことなんですかねー？ スクロールバー無しもMacIEだと一度有りにチェックをいれてから コードビューでscrolling=yesをnoに書き換えたりとかするんですが、 そういう裏技みたいなのがあるのでしょうか・・・？