• ベストアンサー
  • すぐに回答を!

Web表示がずれます(Dreamweaver MX2004)

上記作成ソフトを使用しています. 完成したHPをサイトで確認したら ブラウザのウィンドウ幅を狭めていくと、 (1) ウィンドウサイズにあわせて改行する箇所 (b) そのままの幅の箇所(結果として横スクロールバーが表示される)の2種類の振る舞いが表示されます. TOP_TITLEはFireworksでページ幅一杯に「どーん」と挿入しているので問題ないのですが, メニューボタンが一個一個の画像ファイルを使用しているせいか,幅を狭めると横に6個くらい並んでいるボタンが綺麗に縦に羅列します. TABLEも使用していますが,文章は崩れないのですが,挿入したイメージが崩れます. 原因が良くわかりません.. 詳しい方がいらっしゃったら参考に教えていただけますか?

共感・応援の気持ちを伝えよう!

  • 回答数3
  • 閲覧数450
  • ありがとう数4

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

  • ベストアンサー
  • 回答No.3
  • nogutan
  • ベストアンサー率34% (40/116)

みなさんが、書かれているようにソースを見ないとはっきり言えませんが。 テーブルのTH,TR,TDタグの中で%、もしくはなにも書いていないwidthのところがあるのではないでしょうか。 pxで指定されているところは、ウィンドウサイズを変えても小さくならないと。 %や無指定の場合は、ウィンドウサイズに合わせてテーブルのサイズも変わってしまいます。 たぶん上記タグの指定がバラバラなのではないでしょうか。 もしくはテーブルごとに。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

お返事が遅れました.ありがとうございます. ご回答いただいた皆様のご指摘通り,幅に問題があったようです.(若干その他の部分にもあったのですが) 本当に参考になりました.質問してよかったです. ありがとうございました.

関連するQ&A

  • 「Internet Explorerの幅が小さく表示する」について教えてください

    Internet Explorerの幅が小さく表示されます。幅を広くして保存しても、次にpcを起動させると、ウィンドウサイズが狭く表示されます。 「Ctrl]キーを押しながら右上の「×」ボタンを押して終了させても、次回開くとやはりウィンドウサイズが狭く表示されます。どうしたらいいでしょうか?

  • Dreamweaver CS4とFireworks CS4の連携につい

    Dreamweaver CS4とFireworks CS4の連携について質問です。 連携機能を使ってDreamweaverからFireworksを呼び出して画像を編集し、 編集を終了してDreamweaverに戻るとHTMLの日本語の部分が文字化けしてしまいます。 具体的な手順は以下のとおりです。 ・FireworksでFireworks PNG形式の画像ファイルを作成。 ・作成した画像ファイルからJPGファイルを作成。 ・Dreamweaverで作成したJPGファイルをHTMLに挿入する。 ・Dreamweaverのプロパティインスペクタにある編集ボタンを押してFireworksを呼び出す。 ・Fireworksで画像を編集し、Dreamweaverに戻ると、日本語の部分が文字化けしている。 作業環境はMac OSX 10.5 DreamweaverとFireworksは30日間の試用版を使っています。 解決策があれば教えていただけないでしょうか? よろしくお願いいたします。

  • スクロールバーの幅設定

    noshioと申します。 サイトの横スクロールバーの幅設定を、任意の数字にすることは出来るのでしょうか? 具体的には、ウィンドウサイズが780px以下になったときにだけ表示するようにしたいのですが。 お分かりになる方、お教え頂ければ嬉しいです。

その他の回答 (2)

  • 回答No.2
  • kagamin
  • ベストアンサー率78% (55/70)

ボタンはTOP_TITLEと一緒に書き出ししたんでしょうか?それとも自分で後で並べたのでしょうか。 一緒に書き出しているなら、ずれないと思うんですけど…うーん。 チェック箇所としては… ボタンを並べたトータルの横幅よりテーブル(もしくはセル)が狭くなっていないかどうか。とか… もしボタンのトータル横幅が600ピクセルなら、テーブルもしくはセルの幅が600ピクセル以上で設定されていないとずれますし。 あと、テーブルの幅の指定がされていない場合だとかもずれたと思います。 実際のページを見れば多分分かると思うのですが、質問内容から分かるのは私にはこれぐらいです。すみません.。o○

共感・感謝の気持ちを伝えよう!

質問者からのお礼

お返事が遅れました.ありがとうございます. >もしボタンのトータル横幅が600ピクセルなら、テーブルもしくはセルの幅が600ピクセル以上で設定されていないとずれますし。 ここら辺でなにやら色々誤差が生じたみたいで..TABLEの幅ってTOTALを考えてやらないとだめですね.. ありがとうございました.

  • 回答No.1

具体的なソース(実際のソースでなく構造が判る程度の具体的な例)が無いと回答しづらいのですが、サイトの基本的なレイアウトはTABLEでコーディングされているとみてよろしいでしょうか。 TABLE,TDなどの幅は%で指定したり、数値(px単位)で指定したりしていませんか? また、ナビゲーションは以下のようにTDタグの中に入れているか、否かで表示が変化すると思います。 <table width="680" height="65" border="0" cellspacing="10" cellpadding="0" id="navi"> <tr> <td width="100"><a href="index.html"><img src="images/navi/top.gif" alt="TOP" width="100" height="18" border="0"></a></td> <td width="100"><a href="con01.html"><img src="images/navi/con01.gif" alt="CON01" width="100" height="18" border="0"></a></td> <td width="100"><a href="con02.html"><img src="images/navi/con02.gif" alt="CON02" width="100" height="18" border="0"></a></td> <td width="100"><a href="con03.html"><img src="images/navi/con03.gif" alt="CON03" width="100" height="18" border="0"></a></td> <td width="100"><a href="con04.html"><img src="images/navi/con04.gif" alt="CON04" width="100" height="18" border="0"></a></td> <td width="100"><a href="con05.html"><img src="images/navi/con05.gif" alt="CON05" width="100" height="18" border="0"></a></td> </tr> </table> 該当のHTMLファイルを開いてデザインビューモードで該当のTABLEやDIVなどの表示部分を選択し、コードビューモードで切り替えると、その問題部分のコードが確認できます。 その部分をコピーアンドペーストなどして、公開しても問題のない範囲で教えていただければ、もっと適切な回答ができると思います。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ありがとうございます.返事が遅くなりました. 参考にいただいたログ大変勉強になりました. お察しする通りです.直りました..w. 勉強不足で..頑張ります.

関連するQ&A

  • Firefox 横スクロールバーを表示したい

    当方webサイトを制作しています。 大体完成しており、ブラウザチェックをしている段階なのですが 修正したい箇所がありまして、修正方法をどなたか教えていただけますでしょうか。 横幅を960pxで作ったのですが、よくブラウザのサイズを小さくしたときに横スクロールバーが表示されますよね。 ところがFirefoxで確認したところ、横スクロールバー(縦は出ます)が 表示されず、小さくしたら見えていない部分を表示する手段がありません。 960px以下のモニタのユーザへの対処法として、解像度960px以下の場合は(要はページが画面に収まりきらない場合です) 横スクロールバーで、見えていないところも表示できるようにしたいのです。 現状は以下の通りです。 ・bodyに幅は指定していません(ウィンドウのサイズを960px以上に大きくしたときでもセンターに表示させるため) ・cssで960pxのサイズ指定をしている箇所はあります。 ・IE6では横スクロールが表示されています。 ・html上にwidth960pxのimgを置いてみましたが解決にいたりませんでした。 webで調べてみましても、「スクロールバーを消したい」の情報は あるのですが、「表示させたい」の対処法をみつけることができませんでした。 対処法をご存知の方、どうかよろしくお願いいたします。

  • ナビゲーションバーを配置すると隙間ができてしまいます・・

    adobeのCS4シリーズのphotoshop,illustrator,fireworksのいずれかを使ってナビゲーションバーを作りたいと思っています。 今回、fireworksを使用して画像をボタン化、そしてアップ画像やダウン画像を作成、最後にアクティブ領域(ボタンと同じ大きさ)を指定してdreamweaverでdivタグの中に挿入しました。divはcssで横幅805に指定してあります。 ナビゲーションバーはボタンが6つ横並びにあり、横幅は全部で760です。 ナビゲーションバー単独でブラウザにて確認した際は隙間などなかったのですが、dreamweaverに挿入するとdivの横幅805を超えてナビゲーションバーのテーブルは900近くの幅で表示されています。 ボタンとボタンの隙間は1ピクセルずつに設定したはずが、20ピクセルほども空いています。 どこの設定を誤ったのか全く分からないので、こちらでご相談させていただきました。 解決法、おわかりの方いらっしゃいましたらお願いします。

  • FLASHで100%表示・上下にOPENするページ

    WinのFLASH MXで制作しています。初心者です。 http://www.mikanakashima.com/ のページのようにFLASHで作ったページをウィンドウサイズ100%表示させるにはどのように作ったらいいですか? オープニングのロゴの部分等は横スクロールしていませんので100%幅になっていると思います。 もうひとつは上記サイトのようにオープニングからメニュー、コンテンツページに移るときに上下に開くようにするにはどのように作ればいいでしょうか。 ロゴや写真を動かすアニメーションは作れる程度です。アクションスクリプトはあまり解りません。

    • ベストアンサー
    • Flash
  • 横スクロールバーが表示されてしまう

    ホームページを作成中なのですが、横幅の余白はあるのにのに横スクロールバーまで表示されてしまいます。 フレームを使用していて、そこにTABLEタグを入れるとどうやら必ず表示されるみたいです。html{overflow:hidden;}のタグを入れていますが、それでもだめみたいです。TABLEなしにすると横スクロールバーは表示されないのですが、デザイン上TABLEは使いたいのでカットは無理です。 解決方法が分かりません。どなたがアドバイスよろしくお願いします。HTML初心者なのでできれば分かりやすい説明をお願いします。 ちなみに使用しているブラウザはIE6です。

  • エクセル:タブが表示されない

    お世話になります。 Excel2007を使用しておりますが、 たまに、ファイルを開いたときに通常画面より幅が狭く開き、下部のページタブと横スクロールバーが表示されないことがあります。 こちらの解決策をご存知でしたら教えていただければと思います。 よろしくお願いいたします。

  • Access フォームのウィンドウサイズ

    閲覧ありがとうございます。 Access初心者です。Win10を使っています。 フォームのウィンドウサイズが横長なのでもう少しコンパクトに変更したいです。 該当フォームのプロパティシートから「幅:43.044cm」と 表示されている箇所の数字を変更してみようとしたのですが、 何度やってもはじかれ、43.044cm以外の数字が入りません。 どうしたらフォームのウィンドウサイズをコンパクトにできますか?

  • Dreamweaver8でページに付けた影の画像がプレビューで表示されない

    他の方の質問&回答を見て、ページに影を付ける方法を知りました (1)Fireworksで幅20ピクセル、縦30ピクセルの影の画像を作りました。 (2)terriroryタグ(幅:770、背景色:白)で囲んだコンテンツの背景画像として、水平位置750ピクセル、垂直位置0、リピートは縦方向に設定してこの画像を挿入しました。 (3)作成画面では、きれいに770ピクセルにおさまり、縦に影らしく表示されました。ステータスバーのterritoryタグを クリックすると影の画像もterritory内に囲まれていることが確認できます。 (4)でもプレビューで見ると影はついていません。 「全てを保存する」してみても変わりません。 他を変更してプレビューしてみるときちんと変更されたものが表示されます。 どこかの設定がおかしいのでしょうか...。 Bodyは背景色を薄い青にしています。幅は自動です。 マージン、余白は0にしています。関係ないですかね。 どなたか教えてください~!おねがいします。

  • Dreamweaverでのデータ転送

    今HPを作成していますが、Fireworks4で作成・書き出したボタンシンボルを、Dreamweaver4に挿入し、そのファイルをDreamweaverにあるFTPを使って転送を試みるのですが、他のファイルや画像などは転送できるのに、そのボタンのファイルだけがなぜか転送できません。エラーメッセージには553のFTPエラーが表示されるのですが、Macromediaのヘルプを見てもさっぱりわかりません。 しかも、DreamweaverにあるFTP以外の通常のFTPや、登録しているジオシティーズのファイルマネージャーを使うと問題のボタンのファイルも含めて全てちゃんと転送できるのです。フォルダ・ファイル名にも特殊文字は使っておらず、これらで転送できるということは、Dreamweaver側での設定に問題があるのでしょうか。ホストディレクトリなども何度も設定を確認しましたが、問題ありませんでした。 ほとんどのページでボタンを使うので、他のFTPを使うのはとても不便を感じます。原因がとにかくよくわかりません。原因と対処法を教えていただければ幸いです。m(__)m ちなみにOSは、Windows98です。

  • Fireworks3 で作ったボタン

    Fireworks3でボタンを作ってDreamweaver3Jに貼り付けたいのですが、ボタンを作ったドキュメント全体が表示されてしまいます。 ボタンだけをDreamweaverに挿入するにはどうしたらよいのか教えてください。

  • Wordの印刷レイアウト表示のときに中央に表示したい

    モニタの横幅が広いとWordの印刷レイアウト表示のときに 中央ではなく左側に表示されてしまいます。 どのようにすれば中央に表示することができるのでしょうか? (ウィンドウサイズは最大化のままでズームは100%を維持したい) ご存知の方がおられましたらご回答をよろしくお願いします。 使用OS:Windows XP 使用ソフト:Microsoft Excel 2003 画面解像度:1920px × 1080px