ブラウザの文字サイズを大きくするとレイアウトが崩れてしまうのですが、どういう点に気をつけて作っていますか?(レイアウトはテーブルで制作しています)

また、winで制作しているサイトをCDなどでmacに持って行ってレイアウト確認するとレイアウトが崩れて見えることがあります。ネット上にアップして確認すると崩れていません。このような現象の理由はわかりますでしょうか?
よろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答6件)

id:dtm_master No.1

回答回数134ベストアンサー獲得回数0

ポイント17pt

http://hp.vector.co.jp/authors/VA013937/cssref/

CSS���t�@�����X

レイアウトが崩れてはいけない部分については

ブラウザの文字サイズに左右されないように

CSSでフォントをピクセル固定にするなどして

ユーザの使っているハードに依存しない単位で指定をする必要があります。

それぞれのOS用にフォントをCSSなどで指定して、

指定しているフォントピッチの違いも確認するべきです。

id:piyo8184

文字サイズはcssでピクセル設定しています。

2005/04/23 12:12:21
id:komorebi No.2

回答回数133ベストアンサー獲得回数8

ポイント17pt

1つ目、テーブルでレイアウトしているのであえば、Width指定をして固定してみてください。

ですが、そもそもウェブというのは、ユーザー任意で文字の可変できるモノですのでレイアウトが崩れてしまうのは仕方ありません。おそらく、制作やデザインする段階で、文字の可変時にどうなるか想定しないで構築してしまったのが敗因です。


2つ目

Macで崩れてしまったり、別のブラウザでは崩れてしまったりするのは、各ブラウザごとの解釈の違いによるものだと思います。

CD-ROMからだと,

JavaScriptが何らかの影響で動作しなかったり、テーブルが何重にも入れ子になっていると読み込みが完了しなかったりもします。

id:piyo8184

コメントありがとうございます。テーブル幅は固定しているのですが、文字サイズ300%などにすると1行で収める予定のところの行数が増えたりしますよね。どうしようもないのかもしれませんが。

2005/04/23 12:19:27
id:noah320 No.3

回答回数72ベストアンサー獲得回数2

ポイント17pt

スタイルシートを使用して作成しています。

id:yaaiju No.4

回答回数8ベストアンサー獲得回数0

ポイント17pt

Webサイト作成をしていたころは

・スタイルシートを使って文字サイズをできるだけ固定する

・見出しやナビゲーションバーなど、絶対にずれたら困る文字は画像にしてしまう

が基本戦略でした。


また、枠などが崩れて困るなら、枠線をテーブルの背景にすることでデザインが崩れても困らないようにするといったことも考えられます。

id:piyo8184

ありがとうございました。

2005/04/23 12:59:27
id:english No.5

回答回数304ベストアンサー獲得回数0

ポイント17pt

http://www.openspc2.org/reibun/javascript/browser/012/

�u���E�U�ʂɃX�^�C���V�[�g���ǂݍ���

スタイルシートを使ってフォントサイズを固定にすれば、ある程度は調整が効きます。


その上で、Javascriptを使ってWindowsが読み込むスタイルシートとMacが読み込むスタイルシートを分けるようにすれば、どちらの環境でも、より完全に同じように見せることが可能になります。

id:piyo8184

ありがとうございました。

2005/04/23 13:00:32
id:tunakko No.6

回答回数4ベストアンサー獲得回数1

ポイント17pt

>ブラウザの文字サイズを大きくするとレイアウトが崩れてしまうのですが、どういう点に気をつけて作っていますか?(レイアウトはテーブルで制作しています)


スタイルで文字サイズを指定しています。

id:piyo8184

ありがとうございました。

2005/04/23 13:01:39

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません