TOP > Expression Web & FrontPage Users Forum
[リストへもどる]
一括表示
タイトルアルファベットや記号を入力すると、セルの幅が変わってしまいます。
記事No59
投稿日: 2008/03/17(Mon) 13:22
投稿者saito
[記事内容: Expression Web]

#honbun table {
margin: 0px 0px 10px 0px;
border: 1px solid #b3e680;
width: 605px
}

#honbun td.left {
padding: 5px;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #b3e680;
width: 303px;
}

#honbun td.right {
padding: 5px;
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: #b3e680;
width: 302px;
}

上記のCSSで設定した、テーブル(行5列2)の左側のセル(#honbun td.left)に、
アルファベットの「h」や「w」、「-」などの記号を入力すると、
なぜかセルの幅が広がっていってしまいます。
(幅の数値が大きくなるのではなく、デザイン画面上で見たセルの幅が広がってしまいます。)

幅が広がらなくなる解決法をご存じの方がいらっしゃいましたら、
何卒、ご教授の程よろしくお願い致します。

ちなみに、ひらがなや漢字などの日本語を入力すると、セルの幅は変わらずデザインが崩れません。

タイトルRe: アルファベットや記号を入力すると、セルの幅が変わってしまいます。
記事No60
投稿日: 2008/03/17(Mon) 13:55
投稿者wanichan
テーブルレイアウト・・・なんですね。
テーブルレイアウトではなく、CSSレイアウトにすれば、
そんなに幅が変わることはないと思います。

フォントの一つ一つの文字の横幅が変わるのは、そのフォントファミリーに依存します。
等角フォントのスタイルにしてあげるという方法もあります。
(MSゴシック など、Pがついていないフォントを選択)

どうぞよろしくお願いします。

タイトルRe^2: アルファベットや記号を入力すると、セルの幅が変わってしまいます。
記事No61
投稿日: 2008/03/17(Mon) 17:41
投稿者saito
>wanichan 様

なるほど。これもテーブルレイアウトだったんですね。
ご指導いただいたとおり、CSSで作り直した所、うまくできました。

お忙しい中、本当にありがとうございました。