• ベストアンサー

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

mat-21の回答

  • ベストアンサー
  • mat-21
  • ベストアンサー率56% (91/162)
回答No.3

普通のHTMLだけでは、厳密にセル幅のテーブルを指定してもサイズが思うように反映されません。よってスタイルシートを使用しましょう。 まず、スタイルシートを設定しましょう。 <head>~</head>の間に <style type="text/css"> <!-- table { width:500px; } .td01 { width:300px; } .td02 { width:150px; } .td03 { width:50px;} //--> </style> と指定します。注意点は、テーブルのサイズ500pxと、セルの合計幅が同じようになるように指定しなければなりません。この場合3つのセルの幅の合計が500pxになるように設定しています。 次にタグの指定は以下のようになります。 <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="td01">300px幅</td> <td class="td02">150px幅</td> <td class="td03">50px幅</td> </tr> </table> となります。 こすることによって、精密なセル幅を指定できます。 しかし、注意点があります。いくらスタイルシートで厳密な幅を指定しても、その幅を超える画像など入れたら崩れます。また、TDにnowrapなど、W3Cの非推奨要素タグを入れた場合など注意しなければなりません。よって、完全なレイアウトを目指すようなら、すべてにおいてスタイルシートをを使用することをお勧めします。全てスタイルシートを使用し、非推奨要素は使用しないレイアウトを目指しましょう。 また、レイアウトでテーブルを使用することは私はなるべく避けるようにしています。 私の場合は、おっしゃる通り、レイヤー機能を使用しデザインしています。この場合のレイヤー機能とは<Layer></Layer>ではなく、Dreamwaverでは簡単にできるスタイルシート(position)を使用したレイヤー機能です。便利ですよね。 確かにレイアウト全体でレイヤーを使ったサイトは少ないですが、所々、レイヤー機能を使ったサイトはあります。例えば、あるリンクボタンにカーソルがロールオーバーすると、リンクボタンの窓が出てくるなど、それは、レイヤー機能とJavaScriptを使用すれば簡単にできます。もうひとつ、レイヤー機能を使うとどうしても左上つけのレイアウトになってしまう事です。でも私の場合、レイヤー機能を使っても画面センタリングできるようにスタイルシートの技術でできるように考えています。ちょっと高度ですが.....。 私の場合、スタイルシートでレイヤー機能をふんだんに使い、レイアウトしてますが、結構面倒が掛かります。レイアウトでテーブルを使用していない分、HTMLのソースはすっきりしますが、はっきり言って結構面倒がかかるのが難点ですね。

shevy
質問者

お礼

mat-21さんありがとうございます。 大変参考になりました。 細かい実際の表記方法まで教えていただきまして恐縮致します。 スタイルシートを使うのですね。 うーむ、自分のタグへの理解の脆弱性が実感できます。それだけにやる気もでてきました。 とにかく一つずつ理解していこうと思います。 またレイヤーですが、まだまだ理解力が乏しい気がするので、レイヤーを使ったレイアウトにもどんどんトライしていこうと思います。 レイヤーのレイアウトだと面倒がかかるというデメリットもあるんですね。そこらへんの理解は徐々にテーブルとレイヤーの使い分けが完全にできるようになってくれば理解できそうな気がします。 とにかく今はひたすらがんばります。 ありがとうございました。

関連するQ&A

  • DreamWeaverMX セルの固定

    はじめまして、諸先輩様のご意見を賜りたくお書きした訳でございまので、宜しくお願いします。私の問題の質問ははDremWeaverMx2004(Studio MX2004 with Flash MX )でセルの高さ、幅の固定でございます。作業手順はレイアウトテーブルで基本の枠を設定し てその中にレイアウトセルを描画して文章を書き入れるのですがセルが固定しませんある程度の文章をいれて(セルの変動の前に)段落してまた文章を書き入れることが出来ますがシックリきませんあくまでもセル固定をして文章を書きたいわけです。また別の方法でFirWorksでテキストツールをつかって文章かいてファイル→書き出し→形式→GIFで貼り付ければセルは固定できますがサイトが重たくなる要因の一つとあくま でもセルに書込みと考えております。また、CSSスタイル→カテゴリ(ボックス)の幅311ビクセル高さ211ビクセルを設定しましたが固定できません。本も効率的サイトデザイン術を購入しても不明でした。過去の質問事項をみても【DreamWeaver】セルの幅を変更すると 、他のセルが変わってしまう。05/05/06 17:34、Dreamweaverのテーブルのサイズの固定で悩んでいます。04/07/29 21:02などみても理解できませんでした。あくまで Dreamweaver2004での操作でセル固定ですが、ダグ設定しての方法でないんですがCSSスタイル→カテゴリ(位置)→タイプ固定設定、幅311ビクセル高さ211ビクセルを設定しましたが固定できま せんでした。レイアウトイメージとしてレイアウトテーブル→レイアウトセルを設置して一つのセルにはGIFアニメーション、もう一つのセルには画像を貼り付け、下にセルでTOPCS欄(セル)に書込みと思っておりますがセルの固定ができません。やはりFirWorksでテキストツールGIFの書込みかCSSでだましだまし文章かきいれてセルが変動する前に行をかえるしか方法がないのでしょうか。(ソフト操作) 敬 具

  • DreamweaverMXで不具合?

    DreamweaverMX WinXPです。 レイアウトのスタンダードビューやレイアウトビューで確認したときの表示とブラウザでプレビュー(ie)やアップしたときの表示が違うのです。 左350pic 右200pic の2列に作ったレイアウトが、ブラウザでプレビュー(ie)やアップしたとき、左側が200pic位に狭くなっています。なぜでしょうか、どうすればよいでしょうか。ご助言下さい。

  • DreamweaverMX2004のレイアウトテーブル、セルについて

    OS:WindowsXPでDreamweaverMX2004(以下DW)を使用しているものです。 レイアウトテーブル内にレイアウトセル領域を組み込むのですが、微妙な幅が生じてしまい、ある行のセルだけテーブルからはみ出してしまいます。 微調整ができる設定、方法のご存知のかたご教授願います。

  • Dreamweaverで教えて下さい.

    Dreamweaverで”スタンダードビュー”と”レイアウトビュー”があるじゃないですか、 この2つの使い分けって皆さんはどのようにしてるんでしょうか?教えて下さい. 私は、いつも”レイアウトビュー”で作成してますが,ふと皆さんは如何しているのか知りたくなっちゃったので、参考に指せて下さい宜しくお願いします.

  • DreamweaverMXのレイアウトテーブルについて

    お世話になります。 Dreamweaverのレイアウトテーブルについて質問がございます。 最近ホームページビルダーからDreamweaverへ移行いたしまして、苦戦しながらもなんとか形になってきました。 何時間かやっているうちに2点ほど疑問があがりましたので、質問させていただきます。 1.レイアウトを決めてからそこに画像を入れていくという方式をとっているのですが、なぜかレイアウトテーブル(緑)の中のレイアウトセル(青)に画像を入れるとレイアウトセルがちょっと大きくなってしまいます。画像はセルと全く同サイズです。原因はなんでしょうか? 2.レイアウトテーブルなんですが、枠を表示することはできないのでしょうか?プレビューを見てみると、画像だけが浮き上がって見えるような感じになっています。 お手数をおかけいたしますが、ご見識のあるかたがいらっしゃいましたら何卒ご指導お願いいたします。

  • ()のテーブルサイズ変更方法は?

    初歩的な質問ですがよろしくお願いします。 dreamweavermx2004でテーブルのサイズを見ると 100(103) のようになっているのですがこの()内の数字を変更したい、もしくは()が現れないようにしたいのです。気が付いたら()が現れています。 ブラウザで見る際()内の数値が採用されているようでレイアウトがずれます。 解決法をお願いします。

  • DreamWeaver レイアウトテーブル?セル?

    素人です。よろしくお願いします。 レイアウトテーブルとレイアウトセルはどのように 使い分けすればいいのかわかりません。 全部テーブルでレイアウトすると問題はありますか? テーブルとセルの使い方が詳しく載っているサイトがありましたら 教えて下さい。 なお、テーブル、セルを使う必要性などご指導頂ければありがたいです。 よろしくお願いします。

  • Dreamweaverのテーブルのサイズの固定で悩んでいます。

    ホームページ作成初心者です。宜しくお願いします。 テーブルで全体のレイアウトを組んでいますが、最初に想像している様にはいかず、テーブルを分割したら、組んでいた他のテーブルサイズが変わってしまいます。(説明が下手ですいません)以前に似たような質問が載っていたので読んでみましたが、自分にはかなり難しくて分かりませんでした。察するにCSSで設定することは分かるのですが....Dreamweaverの機能で簡単に設定できないでしょうか?良きアドバイスお待ちしております。

  • DreamweaverMX2004でテーブルの調整

    OS:WindowsXP DreamWeaverMX2004を使用しているものです。 テーブルを挿入し中のセル幅の大きさを変更すると 外枠まで広がりとても苦労しております。 spacer.gifを使用しましても意味がないように 思われます。 テーブルの外枠の固定できるような設定は ありますでしょうか? よろしくお願い致します。

  • Dreamweaverでの、テーブルの挿入

    変な質問かもしれないのですが, Dreamweaverで、テーブルを挿入したいのですが、 [オブジェクト]パネルのテーブルを挿入がアクティブにならないんです. もちろん[挿入]ー[テーブル]でもアクティブに成らないんです. 解説書などでは、”アクティブになら内場合は[レイアウトビュー]になっているか確認してください。”としかかいてないんですが。 あと、[レイヤーを描く]もアクティブに成りません. どうゆう設定、操作をすればテーブルを挿入する事ができるのでしょう? すみませんおねがいします。