HP作成しましたが、文字サイズがかわります。

質問

Dreamweaver4というソフトを使って、HPを作成しています。アップロードまでできました。しかしIE6で表示して、ブラウザの表示から、文字のサイズで中から別のサイズに変更すると、文字サイズはもちろん変わりますが、文字の配置などもがたがたになります。これはどうしておこるのでしょうか。こうならないように設定する方法はありますか？初心者ですが、どうぞよろしくお願いします。

回答No.3

mesoplodon · ベストアンサー

HTMLで書いた文書とは本来そういうものです。

ブラウザ上で文字サイズを変えなくても、ウィンドウサイズやモニタの解像度が違えば、あなたが想定しているレイアウトとは違ったものが表示されることがあります。

スタイルシートやfontタグを使って、文字サイズをピクセル単位もしくはポイント単位で指定すれば、現行のIEでは文字サイズは変更できなくなります(いずれの方法もDREAMWEAVER4でサポートされています)。

しかし、閲覧者のブラウザがFirefoxやNetscape、SafariなどIE以外のブラウザだと、それでも文字サイズを自由に変更できるので、やはりレイアウトが崩れることになります。

ブラウザがOperaならば画面のズームができるので、文字を大くしてもレイアウトは崩れませんが、閲覧者がOperaを使っているとは限りません。

閲覧者には視力の弱い人もあるでしょうし、小さな画面で見ている人もあるでしょうから、ページのレイアウトを厳密に保持するよりは、テーブルタグや、スタイルシートのボックス属性を使って、閲覧者が文字サイズを変えても、レイアウトが【それほど】崩れないデザインを心がけましょう。

ちなみにDREAMWEAVER4だと、テーブルは「ランチャー」ウィンドウのボタンで作れます。
スタイルシートのボックス属性は、私は使ったことがありません。
ひょっとするとバージョン4ではまだサポートされていないかもしれません。

回答No.2

noname#125826

直接の回答ではないので参考程度にお読みください。

一般に知られたHP作成ソフトでは，大抵そのようになります。
こうしたソフトは簡単な反面，限界や不都合がおきます。
ですからもしこれからこったHP（例：動画やFLASHをくみこんだもの）を作れるようになりたいのであればプログラムできるように勉強することをお勧めします。
（簡単です）

さて本題ですが，ご指摘のソフトを持っていないのでこれからご説明することを試してみてください。

◆機能の中に「表を作る」機能があるはずです。それを利用して文字を表示する範囲を固定することです。

表の行も列も1つにして（つまり枠を作る），その中に文字を流し込めば文字はその範囲からは出たりしないので，文字の大きさが変わろうがブラウザの横幅が変わろうが崩れません。

ただ表のままでは枠線がありますから，枠線を消せる機能があるかどうかです。機能がなくても，レイアウト連動してプログラムが表示されているところがあれば，その中の「border="1"」とあるところの1を0にすると枠は消えます。

※わかりにくくてすみません

回答No.1

kosa

文字のサイズによってレイアウトがずれてしまうのは仕方ありません。
テーブルレイアウトである程度防ぐことが出来ますけど・・・

文字サイズをブラウザから変更させない方法は、スタイルシート（CSS）で文字サイズを指定すればOKです。