• 締切済み

DREAMWEAVERでのテーブルの高さ設定

現在、趣味のページをDREAMWEAVERで作成中です。 ホームページビルダーからの乗換えで勝手がきかずにわからなくなりご質問します。 DREAMWEAVER8でHTMLを手打ちせずに表の高さを100%に指定しブラウザの大きさを変更しても、テーブルの中のテーブルが中央と右下に配置されるようにする為にはどうすればよいでしょうか? テーブル(1)の高さを100%にしてその中のテーブルを80%にしてもレイアウトの配置がうまくいきません。 わかり辛い説明もうしわけございません。

みんなの回答

  • crepon133
  • ベストアンサー率51% (399/776)
回答No.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">で説明します。 テーブルを2つに分けます。 1.高さ100%のテーブル <table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:100%;"> <tr> <td style="text-align:center"><img src="hoge.jpg" width="150" height="150" alt="hoge"></td> </tr> </table> 2.右下のテーブル <table border="1" cellpadding="0" cellspacing="0" style="width:200px;position:absolute; bottom:0; right:0;"> <tr> <td>あああああ</td> </tr> </table> tableの属性を全てCSSで指定するともっとスマートかな

回答No.1

方法は2種類あります。 作り方をHomepageBuilderのそれに合わせる方法と、スタイルシートで指定する方法です。 私が持ってるのはDreamweaverMX2004なのでその方法で説明しますが、基本的に同じと思います。 このページでしたら、私はHomepageBuilderに合わせる方法をお勧めします。 スタイルシートで作られるなら、テーブルを削除し、いわゆるリキッドレイアウトで作り直すことをお勧めしますが、 HTMLを完全に作り直しになるのと、画面中央に表示するスタイルシート、というのはいろいろやっかいですので。 (top:50%で行けると言えば行けるんですが(^^;) --------------------------- ・HomepageBuilderに合わせる方法 XHTMLで書かれているのを、HTMLの非標準モードで書き直します。 Dreamweaver8ではわかりませんが、旧バージョンのMX2004では既存のページのDOCTYPEを変更することは出来ません。 新規作成時に、「ドキュメントをXHTMLに準拠させる」のチェックをはずしてください。 その後、ソースの1行目にある<!DOCTYPE ~ >の部分を HomepageBuilderで作ったページの<!DOCTYPE ~ >をコピーペーストして書き換えてください。 <!DOCTYPE ~>にURLが書かれていなければ修正は必要ありません。 この方法ではスクロールバーの色も変更することが出来ます。(WindowsIEのみ) スクロールバー用のスタイルシートの指定はDreamweaverMX2004ではできません。 -------------------------------- ・スタイルシートでの指定 現在のページをそのまま利用出来ます。 スクロールバーの色を変更することは出来ません。 スタイル管理で以下の様に新規作成します。  名前:html,body  セレクタタイプ:詳細 カテゴリ:ボックス-> 幅を100%、高さを100%に指定し、OKを押す。 (これだけでもいけますが、マージンを全て0pxにして置いた方がいいと思います。) テーブルの高さもスタイルシートで指定することをお勧めします。

関連するQ&A

  • DreamWeaver8でレイアウトテーブルの中央配置について

    まずはやりたい結果からお伝えしますと 「レストランなどのメニュー表のページを作りたい」 ページを作成時テーブルの中に写真を読み込んで背景を作ったのですが 飾りもなく角も丸くないぱっとしないページが出来上がりました。 そこでFireworksでバックや縁取りも作り写真も読み込んで作ったのですが保存するとWinでは画像が劣化してしまい写真にムラが出来ました。 今度はDreamWeaver8でレストランメニューのバックや縁取りを先に読み込んでその後レイアウトテーブルでjpgの写真だけを読み込んだら凄くいい感じに出来ました。 IEで確認したところ思った通りの画質とバックが出来上がったのですが IEの右下をクリックしてサイズを変えるとバックの画像だけ中央配置されてjpgを読み込んだレイアウトテーブルは位置が変わりません。 そこで質問です。 1:DreamWeaver8で上記したバックとレイアウトテーブルの画像を統合?のようなもので中央配置は出来るのでしょうか? 2:画質を落とさなくてFireworksで保存する方法はありますか? 3:このような場合一番良い方法があったら教えてください。 

  • DreamWeaver4 プレビューが崩れます。。。

    DreamWeaver4を使ってホームページを作成しています。 テーブルを使ってJPEGなどを配置しレイアウトを調整しているのですが、"ブラウザでプレビュー"をするとレイアウトが大幅に崩れてしまいます。 具体的には、"隣り合ったJPEGが大幅に離れる"、"テーブルの上下に配置したJPEGが大幅に離れる"、といった具合です。 解決方法をご存知の方いらしたらお教えください。 よろしくお願い致しますm(-_-)m

  • Dreamweaver MX 2004でのテーブルの縦横中央配置について

    失礼します。 以前、Dreamweaver MXを使っていて、縦横100%のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのHPの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。 これはMX 2004のバグなのでしょうか? もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。 ちなみに7.01のアップデータもあててあります。

  • DreamWeaverのHTMLソースは?

    素人の質問で恐縮ですが、よろしくお願いします。 今までホームページビルダーを使用しておりましたが、 DreamWeaverに乗り換えをすることになりました。 ホームページビルダーですとHTMLソースを表示させてることができますが、 DreamWeaverでソースを表示させるにはどうすればよろしいですか?

  • Dreamweaverの編集ページにて質問

    ホームページを作成しています。 最初はHTMLを手打ちで作成していたのですが、途中でDreamwever8での作成に切り替えました。 レイアウトは表組み(table)でHTMLを作成していたのですが、Dreamweaverの編集ページで編集しようとするとページの真ん中より下部分がHTMLが表示されて画像や文字などが表示されません。 ブラウザでプレビューするときちんと表示はできていますのでHTML自体は間違ってはないように思えます。 なぜなんでしょう? Dreamweaverで編集できるようにするにはどうすればよいのでしょうか?

  • DreamweaverMX2004でのテーブルの縦横中央配置について

    失礼します。 以前、Dreamweaver MXを使っていて、縦横100%のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのHPの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。 これはMX 2004のバグなのでしょうか? もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。 ちなみに7.01のアップデータもあててあります。

    • ベストアンサー
    • CSS
  • レイアウトテーブルの中にレイアウトテーブル配置について

    たびたびよろしくお願いします。 使用ソフトはDreamWeaverMx2004です(Mac)。 いま、レイアウトテーブルの中に更にレイアウトテーブルを配置し、 その中にレイアウトセルを配置したいのですが、どうも表示がうまくいきません。 レイアウトテーブルの中にレイアウトテーブルを満杯まで配置しているはずなのに、 ブラウザで確認すると、下に余白部分のようなものが出てしまいます。 レイアウトテーブルの中にレイアウトテーブルを更に配置するということは 仕様上、うまく表示されなくなってしまうのでしょうか?

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

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

  • Dreamweaverのテーブル内テキストの調整

    Dreamweaver初心者です。 質問2点よろしくお願いします。 1.テーブル内テキストの行間の調整の方法。 2.同じくテーブル内で、テキスト自体は中央揃えじゃない(左揃え)まま中央に配置したい。 2.は、セル内の余白の指定、でしょうか? そうであれば、どこで指定すればできますでしょうか? よろしくお願いいたします。

  • ホームページビルダーの表について

    ホームページビルダーに「エクセル」の表みたいなのがありますよね。 表をつくって、中に字を書いたりできると思うんですが、 表の大きさをドラックして大きくしたり、数字を入力して 大きくしたりしたあと、文字の中央寄せを使っても、ビルダー内では 中央に寄っていても、ブラウザで見るとずれていたりするんですが これはどうしてでしょうか。中央寄せした状態で表示したいです。 どこでも配置モードでやってます。 あと、数字でセルの大きさを変えたりするときも、数字を入れても 変わらないときがあります。これもさっきのと同じで、たとえ ホームページビルダー内で変わっても、ブラウザでは変わってない ことがあります。どうしてでしょう。どうやったら直せ ますでしょうか。教えてください。よろしくお願いします。

専門家に質問してみよう