webのデザインをしています。

テーブルを使用する代わりに、CSSとレイヤーを使用してデザインをしているのですが、ブラウザの設定で文字を大きくした時に、周りの枠が大きくなってくれません。どのように記述すればよいのでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/09/15 19:28:03
  • 終了:--

回答(3件)

id:GEN111 No.1

GEN111回答回数472ベストアンサー獲得回数582005/09/15 20:46:10

ポイント30pt

border の width を em や ex で指定します。

id:fm315

ありがとうございます。出来そうです。

2005/09/17 07:34:18
id:kakasiyarou No.2

kakasiyarou回答回数28ベストアンサー獲得回数02005/09/16 21:29:18

ポイント10pt

pxは絶対的なサイズなので、変わりません。

枠の大きさを決めているwidthの値を

emにすると文字の大きさによって変わります。

id:fm315

有難うございます。

2005/09/17 07:34:29
id:mustan No.3

mustan回答回数3ベストアンサー獲得回数02005/09/16 21:40:16

ポイント30pt

HTMLのソースを提示して頂けると助かります。

また、レイヤーというのはLAYERタグでタグ付けを

行なっているということでしょうか?

もうすこし詳しい状況が分かれば、再度回答致します。


例えば、以下のようにP要素にpxで幅と高さを指定した場合、

枠線は横に大きくはなりません。但し、縦幅に関してはIEなら中に書いてあるテキストに

あわせて縦方向に大きくなり、Firefox、Operaでは枠線の大きさは変わらず、

テキストがはみ出て表示されます(Firefox、Operaの動作が正解)。


<p style=”border: 1px solid #ff0000; width: 100px; height: 200px;”>

webのデザインをしています。

テーブルを使用する代わりに、CSSとレイヤーを使用してデザインをしているのですが、

ブラウザの設定で文字を大きくした時に、周りの枠が大きくなってくれません。

どのように記述すればよいのでしょうか?

</p>


これを回避するにはP要素の横幅をemや%などの「相対単位」で指定することです。

縦幅は特に指定しない(= height:auto;)方がいいでしょう。

id:fm315

ありがとうございます。

という風にレイヤーを作成していました。

単位をemにしたら、うまくいきそうです。

2005/09/17 07:39:26

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

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

トラックバック

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません