![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
こんにちは。
今ホームページを作っているのですが、
表を使うとどうしてもうまくいきません。
標準モードで作っています。
表の列の幅を固定したいのですが、
それがうまくいきません。
今やってるのは、セルの幅の欄にピクセル数を入力しています。
何も入力していない状態でしたら、うまくその幅を表示してくれるのですが、
長い文字列や大きい画像を入れるとだめです。
画像は切れたままでいいのですが・・・。
ちょっと詳しい友人が、表を入れ子にすればうまくいく、と教えてもらったんですが、
入れ子にしてもできませんでした。
何重にも入れ子にしないといけないのでしょうか?
よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
anpan_baikin_manさん、こんばんは。
まず、
理論上では入れたピクセル数で固定!ってかんじなんですが、実際はそうはいきません。
セルの幅(td)に、ピクセル数(width="数値")を入れても、中に入れた文字が長い場合や、中にいれた画像の横幅(width)がそのピクセル数より大きければ、そちらにひきずられ、指定したピクセル数での幅にはなりません。
では、どうしているのか…というと、
空白のgif(透明な透過gif)って、知っていますか?これを使います。
<tr>から</tr>の1行目に、固定させたい幅の透明な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>
そして、2行目からは入れたい画像や、文字をいれていってください。
<tr>
<td widht="200">もじもじもじもじ</td>
<td widht="300">もじもじなど</td>
</tr>
1行目をきっちり透明画像で固定をすれば、あとは2行目からはそれにならえになります。(もちろん、中に入れる画像の横幅は、指定したピクセル数以下でないといけませんが…)
もし、ソースがわからなかったら、すみません。
また、pxではなく%で指定をしても、ちゃんとその指定した%にはなりません。結構なりゆき~になります。
また、
「入れ子」で製作するときは、テーブル幅をきちんと設定してください。そして、透過gifで固定させてくでさい。これできちんと、幅固定ができます。
この回答への補足
こんにちは。
あれからやってみたら、固定することができたようです。
未だなんかきつねにつままれたような感じですが(笑)
とにかくできたので、本当に助かりました。
がんばってホームページを完成させたいと思います。
どうもありがとうございました。
透過gifですか。
まったく思いつきもしませんでした。
とりあえず、教えられたやり方でやってみたいと
思います。
ありがとうございました!
No.2
- 回答日時:
この現象昨日体験しました。
三列作成して左右に同じサイズの画像を置き、左側は左寄せ、右側は右寄せにしました。
真中は中央に改行あり二行の文字列を中央揃えで置きました。
そしてプレビューすると、右側の画像がどうも左寄りになっています。
属性を見ると左右ともキッチリ同じのサイズになっているのに、いうことをきいてくれません。
こんな格好です。
┌─────┬───────────┬─────┐
│■■■ │ OKWebの皆さん │■■■ │
│■■■ │ おはようございます │■■■ │
│■■■ │ │■■■ │
├─────┴───────────┴─────┤
│ │
あれこれ考えた末(考えてもいないですが)直接HTML
記述を直してみました。つまり、真中のセルのサイズを
少しずつ(100ドットずつ)広げてみたのです。
すると、あるセル幅でピタリ次のように直りました。
参考にして下さい。
┌─────┬───────────┬─────┐
│■■■ │ OKWebの皆さん │ ■■■│
│■■■ │ おはようございます │ ■■■│
│■■■ │ │ ■■■│
├─────┴───────────┴─────┤
│ │
なお私の場合、枠を非表示にしたデザインでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
道路幅を調べたいのですが
-
Excel セルの幅が合わない
-
エクセルでサイズに合ったもの...
-
PDFへてのテキストボックスにて...
-
ワードで、横書きの数字を縦書...
-
Excel で等間隔で縦線を引きた...
-
Excelの列の幅(ピクセル)につい...
-
エクセルでサイズ指定でPOP...
-
ホームページビルダーで表の列...
-
Excelのセル幅、行の高さのピク...
-
ホームページビルダーで横幅に...
-
Excel2003のVBAで、セルの幅・...
-
Excelで文字の幅を変える方法
-
Excelの列や行の幅を表示...
-
基本的なフッター固定のCSS
-
投入エネルギー(投入の熱量)...
-
htmlでテーブル内にテキストボ...
-
macとwindowsのレイアウト崩れ...
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルでサイズに合ったもの...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
バーコードのサイズは拡大縮小...
-
PDFへてのテキストボックスにて...
-
Excel セルの幅が合わない
-
Excelの列や行の幅を表示...
-
道路幅を調べたいのですが
-
Excelで文字の幅を変える方法
-
エクセルの行の幅がずれる
-
パソコンでランドルト環の作成...
-
パソコンサイズが横30cm縦20cm...
-
Excelの列の幅(ピクセル)につい...
-
ホームページビルダーで表の列...
-
ワードで、横書きの数字を縦書...
-
Excel2003のVBAで、セルの幅・...
-
トートバッグの大きさで W300(2...
-
敬語
-
【エクセルVBA】シェイプのサイ...
-
ホームページビルダーで横幅に...
おすすめ情報