• ベストアンサー

Dreamweaverで作成して、IEとnetscapeでの表示の違いについて

Dreamweaverのページプロパティでマージン幅を設定しても、netscapeには反映されなくて困っております。 フレームを使って画面を左右に分割し、左マージン幅を"0"にして、フレームの枠幅を設定すると、IEではちゃんと見れますが、netscapeだと、マージン幅"0"が反映されず、フレームの左画面の右側が切れて、下にスクロールバーが表示されます。IEのようにマージン幅を無くす事はできないのでしょか?CSSなど、あまりよく分からないのですが、よろしくお願いします。

  • CSS
  • 回答数2
  • ありがとう数0

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

  • ベストアンサー
noname#12124
noname#12124
回答No.2

遅れてすいません... ソースは拝見させていただきましたので、参考になるかどうかはわかりませんが、アドバイスを。 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ ソースの中には、 > <frameset rows="80,*" frameborder="no"> > <frame src="bar.html" name="bar" id="bar"> > <frameset rows="*" cols="145,*" frameborder="no"> > <frame src="navi.html" name="navi" id="navi"> > <frame src="logon.html"> とありますが、フレーム内でのマージンを設定するmarginwidth、marginheightという2つの属性がframe要素内にありません。これらの属性を付け加えることにより、状況が改善する可能性があります。以下にサンプルを置いておきます。 <frameset rows="80,*" frameborder="no"> <frame src="bar.html" name="bar" id="bar"> <frameset rows="*" cols="145,*" frameborder="no"> <frame src="navi.html" name="navi" id="navi" marginwidth="0" marginheight="0"> <frame src="logon.html"> ※marginwidth属性の値として0を設定すると、そのフレーム内の左右のマージンが0となります。marginheight属性の値として0を設定すると、そのフレーム内の上下のマージンが0となります。値として1、2などを設定することにより、微調整も可能です。 なお、私は以前、スタイルシートのmarginプロパティを使用しマージンを設定していましたが、そのときはIE、Netscape共に正常に表示されました。(スタイルシートについては、以下のURLを参考にしてみてください。) _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 参考になりましたでしょうか。 最後に、このことについて説明しているサイトを上げておきます。 「とほほのWWW入門」 http://www.tohoho-web.com/html/frame.htm 「ばけらのHTMLリファレンス」 http://altba.com/bakera/hatomaru.aspx/ref/html/element/frame 「CSS(俗に言うスタイルシート)とは何だろうか」 http://msugai.fc2web.com/web/CSS/index.html では、サイト製作が少しでもはかどる様、祈っております。何かあったら、何なりと。

その他の回答 (1)

noname#12124
noname#12124
回答No.1

とりあえず、ソースなど提示していただけるとありがたいです。 今のところ、なんともいえませんので。

tentouxx
質問者

補足

ご回答誠にありがとうございます。 ソースを下記に記載します。 Dreamweaverで作成しており、タグをあまり知りませんので、いらないものがあるかもしれません。、、、、お恥ずかしいですがよろしくお願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> </head> <frameset rows="80,*" frameborder="no"> <frame src="bar.html" name="bar" id="bar"> <frameset rows="*" cols="145,*" frameborder="no"> <frame src="navi.html" name="navi" id="navi"> <frame src="logon.html"> </frameset> </frameset> <noframes><body> </body></noframes> </html> 以上です。いかがでしょうか? よろしくお願い致します。

関連するQ&A

  • dreamweaverで作ったHPがIE表示だと崩れます

    お世話になります。 dreamweaverでホームページを作っています。 環境はMac OS10.4、dreamweaver MX2004、 確認をsafari、firefoxで行っていました。 MacにはIEが入っていません。 アップしたHPを見ると、safari、firefoxでキチンと表示されていた CSSが、IEでは思いっきり崩れてしまいました。 原因も良く分からなくって、困っています。 例えば、583ピクセル幅の文字アンダーラインが、800ピクセルの テーブル枠を大幅に超えてしまう。 オレンジの太字設定の文字が赤字で水色の破線アンダーラインが 入ってしまう。 などなど。IEはまだまだユーザーが多いようですし、 何とか直したいのですが…。 原因はCSSの何がいけなかったのでしょうか? ※Dreamweaverにてレイアウトを組んでいます。 そのためコードはまったく理解していません。 コード表示されてもチンプンカンプンのため、 DW上での操作方法を教えて頂けると助かります。 アドバイスよろしくお願いします。

  • Dreamweaverでoverflow画像の位置

    DreamweacerCS3です。 表示フレーム幅(1000px)よりも長い画像(2050px)をcssにてoverflow: auto に設定して、はみ出ることなく収めています。 水平スクロールバーをスライドすれば画像を全幅にわたって動かすことができています。 ページを開いたときは常にこの画像はスクロールバーが左端に寄った状態になっていますが、常時見るのは反対の右側なのでスクロールバーを右端に初期設定したいのですが方法がわかりません。ご伝授ください。  cssのプロパティを見ると100くらいのパラメータがあり、それらしきもの(float)を変えてみるのですが思うようになりません。 現在設定しているのはビューウィンドウのサイズ:(1000px, 410px)、overflow:autoのみです。

  • Dreamweaver でのテキストの行間表示ついて

    現在、Dreamweaverを用いて、ホームページの作成を行っております。 テキスト主体のページを作成しておりますが、テキストの行間の幅が、Dreamweaverのデザイン用エディタ画面で表示した時と、ブラウザ上に表示した場合で、異なります。 行間設定は、CSSのline-hightを使用しておりますが、 その設定値を正しく反映し、表示しているのは、ブラウザであり、Dreamweaverのデザイン用エディタ画面が設定値以上に、大きな幅で表示していることがわかりました。 デザインを行う際に、設定値を反映した、正常な表示を見ながら作業を行いたいので、非常に不便で困っております。 (今は、デザイン作業を進め、毎回、ブラウザに表示させて、内容を確認しているので、余計な手間をとっています。) Dreamweaverのデザイン用エディタ画面で、 設定値を正常に反映した画面を表示させる方法について、ご存知の方がいらっしゃいましたら、ご指導頂けますと幸いです。 何卒、よろしくお願いいたします。

  • 【IE】iframeで呼び出したHTMLの表示幅について

    こんにちは。質問させて下さい。 現在、http://yrotnus.web.fc2.com/testpage.html 上記のような構成のページを作っています。 (背景画像を、フレームをまたいで表示させるために、floatで左にコンテンツ、右にインラインフレームを配置しています) コンテンツをクリックしインラインフレームに内容を表示させているのですが、このページをIE8で確認した際、 ■内容が画面を越えて表示され、横スクロールバーが出る。 ■横スクロールバーが出た状態でブラウザの幅を変えてみると、  以降は呼び出したページが自動的に画面の幅に合う。 という状態になります。 firefoxでは、横スクロールバー自体表示されませんでした。 IEでも横スクロールバーが出ないようにしたいのですが、どうすれば良いのでしょうか。 overflow-x: hidden以外の方法を探しています。 よろしければご回答願います。

  • Dreamweaverの操作方法について

    ホームページを作り始めた初心者です。 Dreamweaverの操作方法について教えて下さいますよう御願いいたします。 Dreamweaverの画面を分割画面にしますと、左側にコード画面が表示されます。そのコード画面になぜか横方向に対してスクロールバーが表示されてしまうようになりました。長いコードの場合見えていないコード部分が多くなりまして、ずっと右側にスクロールしないと修正できないなどとても不便に感じています。 Dreamweaveソフトを購入した初期段階では、そのような横方向のスクロールバーは無かったと思いますが…。なんらかのボタンを押してしまい、このような事態になったのではないかと…。 以前のようにコード画面に横方向のスクロールバーが出ないようにする。つまりコード画面の幅に合わせてコードがすべて表示されるようにするにはどうしたらよいか、アドバイスを御願いいたします。 それではよろしくお願いします。

  • Dreamweaver8 CSSが反映されない!

    Dreamweaver8 でサイトを作成しているものです。 今までは、何の問題もなくプレビューでCSSが反映されていたのに、突然プレビューでCSSが反映されなくなりました。 以前自分で作成したサイトをダウンロードして、Dreamweaver8のプレビューを見てみてもCSSが反映されていません。 作成時は、CSSは反映されていました。 もちろん、サイトをアップロードしてみると、きちんと反映されています。 Dreamweaverの環境設定やスタイルレンダリングも確認済みです。  見ているブラウザは、IE9です。 プレビューにCSSが反映されないので、サイトの作成ができずに、とても困っていました。 どなたか、詳しい方教えてください!!! 宜しくお願いします!

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

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

  • ドリームウィーバーのフレームサイズ表示について

    はじめて、複数フレームの使用のページを、DW4で、作成しました。   フレームを、上・下・左と、右がメインと4つ分けているのですが、まず上の幅を80ピクセルで横いっぱいに・下の幅を80ピクセルで横いっぱいに・左の幅を130ピクセルにで上下の間に挟まれた状態で、どのブラウザのサイズでも固定して見えるようにしたいのですが、どうすれば良いのでしょうか。  ちなみに、右のメイン画面以外は、スクロールバーを出さないようにしたいのです。 現在作成した状態ですと、左のフレームがスクロールできず(スクロールバーは非表示ですが、下の方の内容が動かず見えない)、右・メインはスクロールバーが、出て問題なし。上は固定されて問題なし。下は途中で画面が切れた状態です。 このようなフレームを、意図通り表示できる設定する方法を教えてください。 宜しくお願いします。

  • キーボードでIEを操作する方法を教えてください。

    全ての操作をキーボードで行いたいのです。 今どうしても分からないのが2chを見るときにTabで左側の見たい掲示板のタイトルを選択枠で選んでEnterを押しますと右側にその掲示板の中身が表示されますが右のスクロールバーを↓↑で操作したいのですが選択枠が右側に移るまでTabをひたすら押す方法しか分かりません。もっと簡単にキーボードで左と右のスクロールバーの操作をする方法を教えてください。 WIN95、IE5.0です。

  • IEブラウザの縦スクロールバーが消えてしまいます

    自分でホームページを作成しましたが、それをブラウザで確認するとスクロールする必要のないページでは右側のスクロールバーが完全に消えてしまいます。スクロールする必要のある画面ではバーが出て、必要のない画面ではバーが完全に消えるため、ページを次々に送るとカクカクしてずれて見えてしまいます。他のサイトでは、スクロールする必要のない画面の場合、薄い灰色のスクロールバーの幅だけは残っていますが、このような灰色のスクロールの幅も消えてしまいます。 どのように設定すればよいのか教えてください。よろしくお願いいたします。

専門家に質問してみよう