• 締切済み

初めて質問させていただきます。

初めて質問させていただきます。 web初心者です。 先方の要望により、ウィンドウサイズに合わせて拡大縮小するHPを制作したいのですが、 Fire foxでは綺麗に拡大縮小できたのになぜか他のブラウザで確認すると、拡大の仕方がおかしくなってしまいます。 IEでは拡大時にボタンの間などに隙間ができてしまいます。 Safariでは、横には拡大するのですが、縦に全く拡大してくれません。 サイトなどで色々調べたんですがコード内のテーブルや写真サイズを%で表示するやりかたでやっています。 何か改善策がありましたら教えてください。 よろしくお願い致します。

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

みんなの回答

  • rukuku
  • ベストアンサー率42% (401/933)
回答No.1

こんばんは >コード内のテーブルや写真サイズを%で表示する ご質問のケースでは「%」が一番の問題だと思います。 「%」はブラウザによって会社が違います。 高さや幅を指定したい場合には、ピクセル(px)で指定します。 >ウィンドウサイズに合わせて拡大縮小する 現在では1024x768かそれ以上のディスプレーがほとんどです。 ワイド型のディスプレーもありますが、ホームページの場合、あまり幅が広いと目線を横に動かすことになり、見にくくなります。 見やすいサイズとしては700~750ピクセル幅の固定だと思います。

関連するQ&A

  • HP作成におけるブラウザについて(初心者です。)

    MAC(10.4.11)でHPをcssを使用して作成しています。 HP作成に伴い購入した本には 「FIRE FOX、safari、operaの三種類はブラウザは同じように標準規格に準拠しているため、どれか一つのブラウザで表示を確認すれば、大抵の他のブラウザでも表示が崩れることはありません。」 と書いてあったのですが、fire fox(ver.3.5.1)ではきれいに表示されるのにsafari(4.0.2)では微妙に崩れてしまいます。 どうしてでしょうか?? また、IEは5.5しか持ってないのですがほとんど崩れて表示されます。 IEの場合はどのバージョンに合わせて作るのがベターなのでしょうか? とっても困ってます。 どなたか教えてください! よろしくお願いします!

  • safariにIETabのような機能は?

    Mac OS X Lionで、safari5.1を使用しています。 たまにIEで開きたいページがあって、ChromeやFire Foxなら IEでレンタリングするアドオンがありますが、safariにそのような ものはないのでしょうか? ブラウザはsafariだけにしたいので、もしあれば教えてください。

    • ベストアンサー
    • Mac
  • CSSについての質問です。

    フロートを利用してヘッダーにメニューを配置しています。 ブラウザの拡大や縮小で表示サイズを変更するとなぜかフロートした方にずれてしまいます。 フロートを利用したメニュー以外は特にずれないのですが 色々調べてみると隙間のないぴっちりのメニューを作るとフロートの場合はそのような現象が起こるような事が書かれていました。 一応そこに対処法も書いてあったのですが、効果はありませんでした。 どなたかサイト制作に詳しい方がいらっしゃれば教えていただきたいのですが ちなみに拡大縮小時のレイアウト崩れというのも通常は重要なのでしょうか?

    • ベストアンサー
    • CSS
  • IE7以外のブラウザでテーブルが左よりになってしまうんです・・・

    いつもお世話になっています。 以前にも質問させていただいたのですが、 自作HPをIE7以外のブラウザで閲覧するとテーブルが左寄りになってしまうのです・・・。 左よりになてしまうブラウザは以下のブラウザです。 Google Chrome Fire Fox Safari HPの閲覧ブラウザの90%はIE7なので今のところ問題ないのですが、グーグルブラウザの台頭も予想されるので、修正できるならば早めに修正したいです。 よろしくお願いします!

  • ブラウザが突然閉じる...

    ブラウザのSafariが突然閉じてしまいます...。ようするに、 ばぐっちゃうと言いますか、勝手に終了しちゃいます。 フリーズはしません。 Fire foxでも突然、なる事があります。 Fire foxの場合は、バグを伝えるための報告が英語で 現れます。 これってウィルスに感染してるのでしょうか? MAC OSX 10.46 , Fire fox10.07 ,safari2.03です。 メモリは1.5GBつんでます

    • ベストアンサー
    • Mac
  • ウィンドウの大きさに合わせて拡大縮小するサイトが作りたい

    ウィンドウの大きさに合わせて拡大縮小するように表示するにはどうすればいいでしょうか? ブラウザのサイズによって画像全部が拡大したり、縮小されたりするやり方はどうすればいいのでしょうか? 今作成しているサイトは、Dreamweaverで作成した 横1000ピクセル縦600ピクセルのサイトです。 ブラウザの小さいものには下が切れてしまい、 ブラウザの大きいものは下がかなり空いて見えるようです。 ブラウザのサイズによって拡大して見えたり、縮小して見えたりするには どうすればよろしいでしょうか? 分かる方どうかよろしくお願いいたします。

  • ブラウザの選択

    IE8とファイアーフォックスを使ってますが普段開くブラウザーがファイアーフォックスの場合からIE荷変更するには如何したら良いでしょうか?

    • ベストアンサー
    • ADSL
  • ブラウザの見え方の違いについて教えてください。

    CSSで只今苦戦苦闘しております。 前回、TABLEタグを使用してデザインを組んでいいのかどうかということを質問させていただきました。 ご回答していただき本当にありがとうございました。 今回も、わからなかったので質問させていただきました。CSSでwidthやmargin、そして前回教えていただいた通り TABLEを使わずDIVタグを使用して作っています。IEで確認しながら作っていたのですがブラウザの種類によっては デザインがぐちゃぐちゃになってしまう。と効いたのでファイアーフォックスとsafariというブラウザを インストールして両方で確認しましたところ、「ぐちゃぐちゃ」になっていました(涙) どのようになってしまったかといいますと、DIVタグで指定した大きさがIEとファイアーフォックスでは違う見え方をしてしまいます。 marginの大きさは変わらなかったのですが、widthの大きさが少し違ってしまったり画像を設定したのに表示されなかったりしてしまいます。(たぶんこれはwidthの幅が上手く設定できていないからだと思います。) 話が長くなってしまいましたが、聞きたいことは・・・。 1.ブラウザによっては読み込みの出来ないCSSプロパティというのがあるのでしょうか。(Javascriptはあるようですけど・・・。) 2.それと「これ通りにやれば、どのブラウザでも見え方が同じになる!」といった方法や、みなさんがどのようにブラウザの問題を克服(?)されたか教えてもらえませんか?あとできれば、克服のためのお勧めサイトでもありましたら教えていただけませんでしょうか。よろしくおねがいします。

  • Fire foxってダメダメなブラウザ?

    IEからSleipnir,Operaと使っていて、最近Fire foxに乗り換えたんですが・・ 使ってみたは実際、便利なんですが・・正常に表示出来ないページがやけに多くないですか? (IEでは正常に表示出来るページなのにFire foxではうまく表示できない) メモリーもやけに消費するブラウザでもあるし、もしやFire foxってダメダメなブラウザではないんでしょうか?

  • Fire FoxをIE6に戻す方法

    ブラウザをIE6からFire Fox に完全に乗り換えたら、何時も利用している銀行がIE6だけしか取り扱っていないことが分かりました。IE6に戻す具体的な手順、方法を教えてください。またIE6とFire Foxを共存させることが可能ならその方法を教えてください。パソコンのことあまり詳しくない者です。