人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: fm315
●カテゴリ:ウェブ制作
✍キーワード:CSS Web デザイン ブラウザ レイヤー
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● GEN111
●30ポイント

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

◎質問者からの返答

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


2 ● kakasiyarou
●10ポイント

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

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

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

◎質問者からの返答

有難うございます。


3 ● mustan
●30ポイント

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;)方がいいでしょう。

◎質問者からの返答

ありがとうございます。

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ