テーブルの横幅が絶対に変わらないようにしたい。

質問

現在CSSのプログラミングをしています。htmlでは本来テーブルをレイアウト目的に使ってはいけないそうなので、<div>で文章を囲んでCSS側でborder指定で似たような表現をしています。位置はpositionで。

文字サイズを指定する際、今まではpt単位でやってたのですが、ユーザーが文字サイズを変えられるようem単位に変更しました。

それをブラウザ上でチェック（文字サイズを最大に）したところ、border内の文字列（大きさをemで指定）が大きくなってborderの横幅を押し広げてしまいました。これが起こらないよう、横幅が絶対に変わらないようにするにはどうしたら良いのでしょうか？widthをpxで指定してもダメでした。調べてみたところ、tableでも同じような状態になりました。

1つ解決策としてスペーサーgifを使う方法を見つけたのですが、なんかそれは素人技っぽくてできれば使いたくないのです。プロのデザイナーさんはそういうの塚使わないでしょうしね。

回答No.2

noname#39970 · ベストアンサー

widthをpx指定して

overflow:hidden

だめ？

回答No.1

quads

> 位置はpositionで。
positionプロパティ値によって振る舞いが異なることがあります。プロパティ値も明記しましょう。
ただし、positionプロパティ値を変更していることは本件には関連してないはずです。

> border内の文字列（大きさをemで指定）が大きくなってborderの横幅を押し広げてしまいました。
ここでいうborderとは何でしょうか？

> widthをpxで指定してもダメでした。
pxで指定する前はどのように指定していたのでしょうか。

文書型宣言や確認したユーザエージェントも明記されないと確認が困難です。
可能であれば症状を再現できるソースを公開してください。