横スクロールとスタイルシート

[新着] Webテンプレートを仮オープンしました



0   名前: デラ : 2005/05/01 20:47
HPを作成後、IEで表示を確認したところ、横スクロールバーが表示されてしまいました。
自分なりに解決策を模索し
・テーブルの横幅指定を解除

・DOCTYPEスイッチを
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">

と変更したのですが、
上の処置をしてからスタイルシートが反映されなくなってしまいました。
スタイルシートでは

<!--BODY{font-size : 10pt;margin-top : 2pt;}
FONT{font-size : 14pt;}
-->

しか指定していなかったのですが、文字のサイズがスタイルシートの従いません。
テーブル幅変更時には影響がなかったので、DOCTYPEスイッチ変更のせいだとは思うのですが、この場合どういった処置をとればスタイルシートを反映させたまま、横スクロールバーを消すことができるのでしょうか?

ちなみにスタイルシートは外部読み込みに変更してみても無理でした。
ヒントとなりそうな関連事項でも教えていただければ幸いです。
どうかよろしくお願いいたします。


1   名前: arc : 2005/05/01 20:47
つかページかソース全部見せてくらはい。

2   名前: デラ : 2005/05/01 20:47  [URL
すみません;
URLから飛べるようにしました。

http://www7a.biglobe.ne.jp/~deradera
このアドレスで表示されるフレームの下部ページ、
top.htmlが疑問対象です。
DOCTYPEスイッチは変更前にしています。(稚拙なソース文でお恥ずかしい…)

追記説明になりますが、top.html単体で見たときには
横スクロールバーは表示されません。

3   名前: phpinfo() : 2005/05/01 20:47
趣旨から離れますがフォントサイズを固定するのは望ましくありません
http://www.mars.dti.ne.jp/~fuming/contents/sizefix.htm

4   名前: arc : 2005/05/01 20:47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
HTML 4.0 Strict のDTDですが、定義に従っていないようです。

何でしょう?DTDは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> これでよいかと思います。

スタイルシートの使い方がよろしくありません。

横スクロールバーが表示されるのはIEの解釈が原因です。
widthの使い方によって、フレーム内で横幅がおかしな計算をしてしまいます。

フォントサイズに関しては、個人的に%指定がお勧め。

5   名前: デラ : 2005/05/01 20:47  [URL
やはりスタイルシートの使い方を根本的に変えたほうがよい、
となるんでしょうか?
ソフトで作成→テキストエディタで微調整という
中途半端な作成方法がこの現象を引き起こしているのかも、
と思ったりもしたのですが…。

フォントサイズ、参考にさせていただきます。
自身も悩んでいたところだったのですが、色々と回避方法があったのですね。
%指定、活用してみます。
重ねて質問となってしまい申し訳ないのですが、
%指定では、親の対象だけは確定サイズにしなければならないのでしょうか?
よろしくお願いします。

一覧へ戻る