DreamWeaverMXでセルのサイズを固定したいのですが

Question

DreamWeaverMXと奮闘し始めて1週間で、なんとかDreamWeaverでできること、メリットが見えてきましたが、どうも頭を悩ませているのが、テーブルです。

テーブルのセルのサイズをきちんとピクセル指定してても少し関係ないところのセルのサイズを変更すると、すぐに全体のサイズまで変わってしまいます。
ちょっとこれは表現しにくいのですが、
つまり理想は、ちょっとやそっとじゃテーブル、セルのサイズが変更されないようにしたいと思っています。

いまだにレイアウトビューと、スタンダードビューの使い分けのメリットが見えてこないのですが、テーブルについてアドバイスをお願い致します。

ちなみにレイヤーを使用しているサイトというのは思ったより少ない気がしますが、なぜ皆さんレイヤーをもっと使わないのでしょうか。

mat-21 · Accepted Answer

普通のHTMLだけでは、厳密にセル幅のテーブルを指定してもサイズが思うように反映されません。よってスタイルシートを使用しましょう。まず、スタイルシートを設定しましょう。～の間にと指定します。注意点は、テーブルのサイズ500pxと、セルの合計幅が同じようになるように指定しなければなりません。この場合3つのセルの幅の合計が500pxになるように設定しています。次にタグの指定は以下のようになります。

300px幅

150px幅

50px幅

となります。こすることによって、精密なセル幅を指定できます。しかし、注意点があります。いくらスタイルシートで厳密な幅を指定しても、その幅を超える画像など入れたら崩れます。また、TDにnowrapなど、W3Cの非推奨要素タグを入れた場合など注意しなければなりません。よって、完全なレイアウトを目指すようなら、すべてにおいてスタイルシートをを使用することをお勧めします。全てスタイルシートを使用し、非推奨要素は使用しないレイアウトを目指しましょう。また、レイアウトでテーブルを使用することは私はなるべく避けるようにしています。私の場合は、おっしゃる通り、レイヤー機能を使用しデザインしています。この場合のレイヤー機能とはではなく、Dreamwaverでは簡単にできるスタイルシート（position）を使用したレイヤー機能です。便利ですよね。確かにレイアウト全体でレイヤーを使ったサイトは少ないですが、所々、レイヤー機能を使ったサイトはあります。例えば、あるリンクボタンにカーソルがロールオーバーすると、リンクボタンの窓が出てくるなど、それは、レイヤー機能とJavaScriptを使用すれば簡単にできます。もうひとつ、レイヤー機能を使うとどうしても左上つけのレイアウトになってしまう事です。でも私の場合、レイヤー機能を使っても画面センタリングできるようにスタイルシートの技術でできるように考えています。ちょっと高度ですが.....。私の場合、スタイルシートでレイヤー機能をふんだんに使い、レイアウトしてますが、結構面倒が掛かります。レイアウトでテーブルを使用していない分、HTMLのソースはすっきりしますが、はっきり言って結構面倒がかかるのが難点ですね。

yayopix · Answer

shevyさんこんにちは！

頑張っているようですね。

テーブルを使ったデザインなどは、デザイン系をやっていた方が一番戸惑うところですね。

イラレやフラッシュのようにきっちりとは収まってくれませんので・・。

＞テーブルについてアドバイスをお願い致します。

今回のアドバイスについては、私もいつも参考にさせてもらっている専門家のmat-21さんの回答がありますので・・そちらを・・

私からはどんどん経験を積んで下さい・・かなぁ
結局プレビューで確認しながら、どういう場合にどうなってしまうかを確認して覚えて行くしかありません。

そして、レイアウトが崩れないようにスタイルシートでフォントサイズを固定することを覚え・・

そして、フォントサイズを固定すると見る側の中にそれを嫌う人がいることを覚え・・

自分のモニターではちょうど良い大きさで作ったのに友達のPCで見たらやたら大きかったりその逆だったり・・

レイヤーを使って作ったページが見る側の人が文字を大きくしていたためにレイヤーと文字が重なっていたり・・

ページが開くまでに異常に時間がかかったり・・

ん？ちょっと話がずれてしまいました・・m(_ _)m

＞いまだにレイアウトビューと、スタンダードビューの使い分けのメリットが見えてこない・・

本当はデザインのためにテーブルを使うことは推奨されていないのですが、レイアウトビューはこのテーブルでデザインするためのものです。

例えば、スタンダードビューでテーブルを使っても右か左か中央にしか配置できません。
それ以外の『この場所！』というところにテーブルを配置するにはテーブルを入れ子にしたりレイヤーを使ったりとHTMLなどの知識が必要になりますが、レイアウトビューですとドラッグで位置を決められますので、比較的簡単にレイアウトできます。
（といってもプレビューするとずれていますが・・）

そのかわりうまく作らないとソースが複雑（複雑なテーブルが出来てしまう）になってしまいます。

で、私はスタンダードビューで作業することをお勧めします。
スタンダードビューでソースを確認しながら、そしてプレビューで確認しながら・・

アクションスクリプトよりもずっと簡単ですよ。

noname#10926 · Answer

セル内に英数字が入っている場合は指定のサイズより幅が広がることがあります。
任意に改行するなどしてください。

レイヤーについては下記URLを参考にしていただくと
使わない理由が分かると思います。

参考URL：http://tohoho.wakusei.ne.jp/html/layer.htm

noname#10926 · Answer

セル内に英数字が入っている場合は指定のサイズより幅が広がることがあります。
任意に改行するなどしてください。

レイヤーについては下記URLを参考にしていただくと
使わない理由が分かると思います。

参考URL：http://tohoho.wakusei.ne.jp/html/layer.htm

DreamWeaverMXでセルのサイズを固定したいのですが

普通のHTMLだけでは、厳密にセル幅のテーブルを指定してもサイズが思うように反映されません。

shevyさんこんにちは！

セル内に英数字が入っている場合は指定のサイズより幅が広がることがあります。

セル内に英数字が入っている場合は指定のサイズより幅が広がることがあります。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング