取引先の会社のHPの一部を作成する仕事をしています。
自社のブラウザで確認しても気がつかないのですが、
取引先に渡した後、本サーバにアップされたページを
確認すると、なぜか、横幅が広がっています。
下にスクロールバーがでてしまい、困っている
との報告を受けたのですが、どこを直せばいいのかが
はっきりとは分かりません。
原因としてどこを直せば的確でしょうか。
問題がありそうなところを確認しながら
直せればいいのですが、直接取引先へは見に行けない状態です。(物理的に遠いので)
スタイルシートを指定しています。
ページ内で使用している
テーブルの横幅はピクセル指定していますが、
中は%指定で 7:3くらいにしています。
テーブルの中身もピクセル指定したら
いいのでしょうか?
横幅が、別のブラウザで見ても、広がらないように
指定する方法を教えてください。
困っています。どうか皆さん、知恵を貸して下さい。お願いします!!
A 回答 (6件)
- 最新から表示
- 回答順に表示
No.6
- 回答日時:
画面解像度の問題ではないでしょうかね。
現状のページ横幅の基準としては、800×520くらいで作成します。
これは、人によって、モニタの解像度が
800×600だったり、1024×768だったりするためです。
それ以上もありますが。
それで、幅を1024基準で作成してしまうと、
幅800の画面解像度で見ているひとは、下にスクロールバーが出てしまいます。
同様に、幅が1024でも出る場合があります。
PCを良く使用しているほど、気にならないのですが
PCを良く知らない、またはあまり使わない人は
インターネットエクスプローラの左側に、お気に入りを表示させます。
そのことにより、左側に200ピクセル分、エリアが取られてしまうのです。
そこらへんの問題ではないのかなと思います。
画像解像度まで、考えが及ばなかったので、
勉強になりました!
ありがとうございました!
次回提出のときに確認してみようと思います。
現在、ページ作成中の段階でして、
はっきり解決したとはいえませんが、
ソースの中身を整理し直して作っています。
ごちゃごちゃしていた
テーブルの中のソースを新しく作り変え、
提出するつもりです。
もし、それで又幅広がりがおこったら
今は、横幅の指定を600にしていますが、
少し縮めてみようかと思っています。
ご丁寧な回答、ありがとうがざいました!
No.5
- 回答日時:
>取引先の会社のHPの一部を作成する仕事をしています。
大変失礼になるかもしれませんが、質問文の内容からして細かい処から段階を踏みたいと・・・。
1)どの様な物を作りたいのでしょうか?
閲覧環境のOS,ブラウザの種類・バージョン,ディスプレイの状態(解像度),ブラウザのウィンド状態(最大化,ディスプレイの2/3程度など),スタイルシートの有効無効・・・。基本使用フォントなども関わってくると思うし・・・。
で、どの様な条件で閲覧する物を作成する必要があるのでしょうか???
ここでとりあえず、どの環境でもという事だと解像度1024*768 で横一杯にサイズを固定して作れば 640*480 では当然スクロールバーが出ますのでレイアウトが可変でないと不可能です。
また、ブラウザによっていろいろソースの解釈が異なったりバグもあります・・・。
1-a)とにかく横スクロールバーが出る様な事態が回避できれば良いのか?
その場合、各要素(例えばテーブル)の横幅をパーセント指定として、全てウィンドを基準に考える。文字列は適度に改行される様に逆に改行回避となる様な指定をしない様に注意する事。これは中身の情報(文字列など)がいれものの領域を超えるとサイズ指定を無視して広がる事がある為・・・。
1-b)特定の条件で期待する結果が得られれば良いのか?
その場合、条件を明確にしないと・・・。というか、質問文で明示されていない事から契約としてもどこまで確認されているのか不安です・・・。(仕事に関する質問ですよねぇ・・・。)
尚、先にも書きましたが無条件に全ての期待がかなうというのはまず不可能ですので、状況によると期待する条件自体が無理という結論もありますので、その辺は妥協するしかありません・・・。
2)(納品先の)動作環境が不明(検証環境が手元にない)というのは、どの様な開発,検証をしているのでしょうか?
そもそも、何を以って完成としているのかによって、するべき事も違ってきますし、なにより問題の把握が伝聞だけという事からもしかして問題の現象自体が違う可能性もあります・・・。
例えばPCにあるフォントが違ったり、同じブラウザと思っていたらそのブラウザに拡張ツールが追加されていたりしてそれが影響していたりとか、可能性は考えればいろいろあります・・・。
手元に類似環境を作るなどしてみるのも必要かと思いますが・・・。
そもそも環境がないと修正しても検証できないでしょう・・・。
そうですね。
質問が細かいところまで説明されてなくて
すみません。ご迷惑かけました。
閲覧環境の条件は、どの環境でもというのが理想ですが、とりあえず、90%の人がみれるようにという事を条件として言われています。
1-a)を受けて…
現在、テーブル幅を ピクセル指定していますが、
パーセント指定に変えて作成してみます。
拡張ツールなども先方に確認してみます。
細かいアドバイスをありがとうがございました!
No.4
- 回答日時:
>ページ内で使用している
>テーブルの横幅はピクセル指定していますが、
これが問題。
閲覧者のブラウザのウィンドゥの最大横幅は、使用しているパソコンの画面の解像度に依存します。
閲覧者のパソコンの画面の解像度が768x512だったら、ウィンドゥスタイルで全画面表示を指定してもブラウザは横768ピクセルまでしか広がりません。
また、閲覧者のブラウザの文字サイズが「中」になってるとは限らないので、TDタグにnowrap属性を付けた場合、横に何文字書けるかは、閲覧者のブラウザの文字サイズ設定や使用フォントに依存します。
ですので、WEBページ上では、表示位置をピクセルで指定するスタイルシートの記述や、横幅のピクセル数を固定した記述は極力避けなければなりません。
>テーブルの中身もピクセル指定したら
>いいのでしょうか?
これは逆効果です。余計に「どうにもならない状況」に陥って自分で自分の首を締めます。
ページトップに
「Internet Explorer 6、画面解像度を横幅768ピクセル以上に設定しての閲覧を推奨します」
などと書いておき、設計時には、画面解像度の横幅を768ピクセルに設定して閲覧テストをしましょう。
画面の解像度を調べ、
作成環境等についてもう一度、
先方に細かく確認してみます!
ピクセル指定からパーセンテージ指定へ
変更して作成してみます。
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Excel(エクセル) excelの列幅高さが勝手に変わる(特定のPCだけ) 8 2022/07/14 16:51
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- Excel(エクセル) エクセル2013「次のページ数に合わせて印刷」が小さすぎる 9 2023/03/28 10:18
- 投資・株式の税金 株式投資での損額に対する確定申告について 3 2022/06/07 04:52
- Excel(エクセル) エクセルのマクロについて教えてください。 3 2023/02/07 14:47
- Excel(エクセル) Excelでこういうカードの作り方 枠線の引き方や、挿入画像の拡大縮小など わかる方教えてください、 2 2022/05/03 21:22
- メルカリ メルカリ様 酷いです… 4 2022/11/18 16:31
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- 医師・看護師・助産師 看護専門学校の入学志望動機の添削をお願い致します(400~800字以内) 2 2022/07/17 14:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSを一部無効にしたい
-
<input type="file"> の幅
-
リストの前後の行間をなくす方...
-
アンダーラインのカラー
-
ブラウザによって異なるフォン...
-
上付き文字と下付き文字を同時...
-
全角半角含めて等幅で表示したい
-
DreamWeaverで</head>の前のス...
-
Notepad++で日本語文字が化ける。
-
リンク文字
-
background-color: #ddd;の意味...
-
VB6でWebBrowserへスタイルシー...
-
Format 関数 表示書式指定文字...
-
■(四角)の記述
-
CSSのid名class名の重複回避方...
-
テキストファイルの行を指定し...
-
CSSでfont-size、pxの絶対値、...
-
fontサイズ指定の ”-(マイナ...
-
API Sleep関数について
-
PC版のサイトをスマホに対応さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて教えてください。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
特定の文字のみcssを適用するに...
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
リンク文字
-
アコーディオンメニューが思う...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
<pre>のフォントサイズを指定す...
-
上付き文字と下付き文字を同時...
-
指定の文字だけ色を変える
-
background-color: #ddd;の意味...
-
CSSを一部無効にしたい
-
h1タグのパンくずリストへの設置
おすすめ情報