> body直下に置かれ,おそらくbody全体に敷かれていると思われる div のスタイル属性ですが,
> <div style="margin-left:0px; width:80%; padding:0em;">
> ここで width:80% を指定しているため,無意味な余白ができています。
> 縦表示の携帯端末では非常に影響が大きいので指定は害でしかありません。
> せっかく viewport を指定しているのに,おじゃんです。
> (PCのブラウザでも拡大率を数百%にしてみるとわかります)
ああ、そうだったんですか、知りませんでした。 width:100% にするとおかしくなるもので
そこで諦めていました。直したらバッチリ100%で表示出来ました。\(^^)/ ヤッタ-
ありがとうございます。m(__)m
> また,どこかの野良サイトから拾ってきたかと思われるものですが,
> style要素で指定した以下のクラスは意味がないと思われます。
これも全部削除しました。
> なお,文字サイズを指定したいから tbody が必要とのことでしたが,
> それこそ CSS で一発指定すれば CGI での無駄な出力は必要ありませんし,
> なんなら <tbody style='font-size:100%'> という指定に意味はないでしょう。
> そもそも thead と tfoot がないわけですから tbody は本来不要(省略可能)であり,
> 文字サイズは table に対して指定してやればよいことだと思われます。
これも全部削除しました。
テーブルの折り返しを防ぐため、CSS に
if ($mode2 == 1) {
print ".s1 { font-size:small;
white-space: nowrap;
} \n";
} else {
print ".s1 { font-size: medium;
white-space: nowrap;
} \n";
}
これを仕込んで、TD に使ったらいい感じになりました。
「発言者」の枠が折り返してしまったので、
print ".s2 { font-size: medium;
white-space: nowrap;
} \n";
これも TH に仕込みました。
これで私個人としては満足のいく見栄えになりました。
ありがとうございました。m(__)m