- PR -

文字のサイズをクライアントに変えさせないようにしたい！

投稿者

投稿内容

Jitta: ぬし; 会議室デビュー日: 2002/07/05; 投稿数: 6267; お住まい・勤務地: 兵庫県・海手

投稿日時: 2003-11-07 17:25

引用:
ほむらさんの書き込み (2003-11-07 17:12) より: CSS2を使用するのなら参考になるかな？ http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html ただIEのCSSの解釈は怪しいのでCSSを使用する場合はネットスケープなど別のブラウザでも確認することをお勧めします。

http://www.microsoft.com/japan/ie/evaluation/features/default.asp

CSS1フルサポート、とは書いていますが、2については全くふれていません。つまり、対応していません

独自拡張より、標準に対応してくれ＞MS

ほむら: ぬし; 会議室デビュー日: 2003/02/28; 投稿数: 583; お住まい・勤務地: 東京都

投稿日時: 2003-11-07 17:36

どもほむらです。
Jitta氏へ

引用:
CSS1フルサポート、とは書いていますが、2については全くふれていません。つまり、対応していません独自拡張より、標準に対応してくれ＞MS

激しく同感です。
あと、既知の明らかなバグくらい修正してほしいですよね。
まぁ直されると都合の悪いサイトとか多いかもしれませんけど。。

＃対応については何も明記していませんが使ってみると結構使えます。(笑
＃ただし、他のブラウザ同様要素プロパティのデフォルトとか使用できないみたいです。
＃普通にCSS2の属性くらいはいけそうな感じ^^;;;;;;
＃それもふくめて、いろんなブラウザでの表示確認は大切ということですね^^
でもまぁ、仕様外ということなのでCSS1のものもリンク張っておきます。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css1/rec-css1.html

Jitta: ぬし; 会議室デビュー日: 2002/07/05; 投稿数: 6267; お住まい・勤務地: 兵庫県・海手

投稿日時: 2003-11-07 18:11

引用:
ほむらさんの書き込み (2003-11-07 17:36) より: ＃対応については何も明記していませんが使ってみると結構使えます。(笑

いえ、欲しいところが使えません。

例えば、
.necessary:before {
content: "*" ← IDE上ではエラーとでます
}
と定義し、必須入力のinput要素に対応するラベルをclass="necessary"とします。ネットスケープなどではラベルに定義した文字の直前に"*"が入ります。
#サーバにポストバックしたときにCssClassプロパティを変更してやると・・・

例えば、以前「フォーカスがある入力要素を目立たせたい」というスレッドがありましたが、CSS2に対応していれば、
input:active {
font-size: xx-large
}
としておくだけ。

たけくん: ベテラン; 会議室デビュー日: 2003/08/19; 投稿数: 63

投稿日時: 2003-11-12 09:57

スタイルシート等に関して続けて質問させてもらいます。
お客様から文字の均等割りをしたいという要望がありました。具体的には
テーブル内に以下のような記述があり
-例-
会社コード　　　　　　　会社コード
会社名　　　　　⇒　　　会　社　名
代表社名　　　　　　　　代表社名

のように、（難しくて表現できないのですが）
文字の最初と最後を均等に割り付けたいと言われました。
で、調べたところ、HTMLには均等割りが存在するとわかり
cssで.test{text-align :justify;　text-justify:distribute-all-lines;}
というように作成してみました。

ここからが教えていただきたいところなのですが、
cssをBODYでクラス化するしない問わず宣言したところでは、文字はブラウザ全体で均等割になるのですが、tableの<tr><td> <td><tr>内では均等割されません。
このとき、他にもcssで定義した文字の大きさなどは反映されているのですが。
これはなぜなのか？

もう一点は、そもそも、この均等割りで、お客さんの要望の均等割りをHTML（.NET)で実現が出来るのか？

この二点について、教えていただければと思います。

たけくん: ベテラン; 会議室デビュー日: 2003/08/19; 投稿数: 63

投稿日時: 2003-11-12 10:04

すいません、テーブルのイメージはこんな感じです

<TABLE id="Table1" cellSpacing="1" cellPadding="1" width="300" border="1">
　　<TR>
　　　　<TD style="WIDTH: 96px"><FONT face="MS UI Gothic">会社コード</FONT></TD>
　　　　<TD style="WIDTH: 88px"><INPUT type="text"></TD>
　　</TR>
　　<TR>
　　　　<TD style="WIDTH: 96px"><FONT face="MS UI Gothic">会社名</FONT></TD>
　　　　<TD style="WIDTH: 88px"><INPUT type="text"></TD>
　　</TR>
　　<TR>
　　　　<TD style="WIDTH: 96px"><FONT face="MS UI Gothic">代表者名</FONT></TD>
　　　　<TD style="WIDTH: 88px"><INPUT type="text"></TD>
　　</TR>
</TABLE>

きくちゃん: ぬし; 会議室デビュー日: 2003/08/01; 投稿数: 854; お住まい・勤務地: 都内某所

投稿日時: 2003-11-12 12:53

たけくんさん、こんにちは。

引用:
cssで.test{text-align :justify;　text-justify:distribute-all-lines;} というように作成してみました。

試してませんが、
<TD class="test" style="WIDTH: 96px"><FONT face="MS UI Gothic">会社コード</FONT></TD>
とするとどうなります？

引用:
もう一点は、そもそも、この均等割りで、お客さんの要望の均等割りをHTML（.NET)で実現が出来るのか？

これは、実際に試して確認してみて下さい。

たけくん: ベテラン; 会議室デビュー日: 2003/08/19; 投稿数: 63

投稿日時: 2003-11-12 13:06

きくちゃんさん、書込みありがとうございます。
早速やってみましたが、だめでした。
cssにはフォントの大きさなども指定してあるのですが、そちらは反映されるのですが、均等割りだけ反映されませんでした。

Jitta: ぬし; 会議室デビュー日: 2002/07/05; 投稿数: 6267; お住まい・勤務地: 兵庫県・海手

投稿日時: 2003-11-12 13:15

　table要素にbody要素の内容が引き継がれないようです（なんで？カスケードじゃないの？）。ですので、table要素でもう一度text-alignを指定してください。

　具体的には、スタイルシートに
body {
text-align: justify
}

table {
text-align: justify
}

これでダメなようなら、tdも追加。

td {
text-align: justify
}

　なお、IEに限り、どのようにjustifyするか（単語で区切る、文字全てを均等に、スペースを優先して大きく）を指定できます。スタイルビルダで確認してください。

«前のページへ 1|2|3|4 次のページへ»

＠IT SpecialPR

文字のサイズをクライアントに変えさせないようにしたい！

スキルアップ／キャリアアップ（JOB@IT）