ビルダー8を使っています。表が崩れます。

質問

こんにちは。
今ホームページを作っているのですが、
表を使うとどうしてもうまくいきません。
標準モードで作っています。
表の列の幅を固定したいのですが、
それがうまくいきません。
今やってるのは、セルの幅の欄にピクセル数を入力しています。
何も入力していない状態でしたら、うまくその幅を表示してくれるのですが、
長い文字列や大きい画像を入れるとだめです。
画像は切れたままでいいのですが・・・。
ちょっと詳しい友人が、表を入れ子にすればうまくいく、と教えてもらったんですが、
入れ子にしてもできませんでした。
何重にも入れ子にしないといけないのでしょうか？
よろしくお願いいたします。

回答No.3

kuro_chan · ベストアンサー

anpan_baikin_manさん、こんばんは。

まず、
理論上では入れたピクセル数で固定！ってかんじなんですが、実際はそうはいきません。
セルの幅（td）に、ピクセル数（width="数値"）を入れても、中に入れた文字が長い場合や、中にいれた画像の横幅（width）がそのピクセル数より大きければ、そちらにひきずられ、指定したピクセル数での幅にはなりません。

では、どうしているのか…というと、
空白のgif（透明な透過gif）って、知っていますか？これを使います。
<tr>から</tr>の１行目に、固定させたい幅の透明なgifで幅を固定させるのです。

例えば、左が200pxで、右が300pxで固定させたい場合、1×1pxの透明なspace.gifを用意しておきます。

それを、
左には高さ1px幅200pxで入れて、
右には高さ1px幅300pxで入れます。以下ソース。

<tr>
<td widht="200"><img src="space.gif" height="1" width="200"></td>
<td widht="300"><img src="space.gif" height="1" width="300"></td>
</tr>

そして、２行目からは入れたい画像や、文字をいれていってください。

<tr>
<td widht="200">もじもじもじもじ</td>
<td widht="300">もじもじなど</td>
</tr>

１行目をきっちり透明画像で固定をすれば、あとは２行目からはそれにならえになります。（もちろん、中に入れる画像の横幅は、指定したピクセル数以下でないといけませんが…）

もし、ソースがわからなかったら、すみません。

また、pxではなく％で指定をしても、ちゃんとその指定した％にはなりません。結構なりゆき～になります。

また、
「入れ子」で製作するときは、テーブル幅をきちんと設定してください。そして、透過gifで固定させてくでさい。これできちんと、幅固定ができます。

お礼

透過gifですか。
まったく思いつきもしませんでした。
とりあえず、教えられたやり方でやってみたいと
思います。
ありがとうございました！

補足

こんにちは。
あれからやってみたら、固定することができたようです。
未だなんかきつねにつままれたような感じですが(笑)
とにかくできたので、本当に助かりました。
がんばってホームページを完成させたいと思います。
どうもありがとうございました。

回答No.2

koma1000nin

この現象昨日体験しました。
三列作成して左右に同じサイズの画像を置き、左側は左寄せ、右側は右寄せにしました。
真中は中央に改行あり二行の文字列を中央揃えで置きました。
そしてプレビューすると、右側の画像がどうも左寄りになっています。
属性を見ると左右ともキッチリ同じのサイズになっているのに、いうことをきいてくれません。
こんな格好です。
┌─────┬───────────┬─────┐
│■■■　　│　ＯＫＷｅｂの皆さん　│■■■　　│
│■■■　　│　おはようございます　│■■■　　│
│■■■　　│　　　　　　　　　　　│■■■　　│
├─────┴───────────┴─────┤
│　　　　　　　　　　　　　　　　　　　　　　　│
あれこれ考えた末（考えてもいないですが）直接HTML
記述を直してみました。つまり、真中のセルのサイズを
少しずつ（100ドットずつ）広げてみたのです。
すると、あるセル幅でピタリ次のように直りました。
参考にして下さい。
┌─────┬───────────┬─────┐
│■■■　　│　ＯＫＷｅｂの皆さん　│　　■■■│
│■■■　　│　おはようございます　│　　■■■│
│■■■　　│　　　　　　　　　　　│　　■■■│
├─────┴───────────┴─────┤
│　　　　　　　　　　　　　　　　　　　　　　　│
なお私の場合、枠を非表示にしたデザインでした。

お礼

HTML、できればあまり触りたくないんですが、
でも、やってみますね。
ありがとうございました。

回答No.1

snoopy64

どこでも配置モードしか使った事ないのですが・・・
どこでも配置モードではダメなんですか？
（問題点はあるようですが・・・ヘルプ参照）
頑張ってくださいヽ(^。^)ノ

お礼

すみません。
どこでも配置モードではなくて、通常モードで作りたいのです。
がんばります。
ありがとうございました。