- 締切済み
DREAMWEAVERでのテーブルの高さ設定
現在、趣味のページをDREAMWEAVERで作成中です。 ホームページビルダーからの乗換えで勝手がきかずにわからなくなりご質問します。 DREAMWEAVER8でHTMLを手打ちせずに表の高さを100%に指定しブラウザの大きさを変更しても、テーブルの中のテーブルが中央と右下に配置されるようにする為にはどうすればよいでしょうか？ テーブル(1)の高さを100%にしてその中のテーブルを80%にしてもレイアウトの配置がうまくいきません。 わかり辛い説明もうしわけございません。
- jeremiah16
- お礼率0% (0/2)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- crepon133
- ベストアンサー率51% (399/776)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">で説明します。 テーブルを２つに分けます。 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で指定するともっとスマートかな
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
方法は２種類あります。 作り方をHomepageBuilderのそれに合わせる方法と、スタイルシートで指定する方法です。 私が持ってるのはDreamweaverMX2004なのでその方法で説明しますが、基本的に同じと思います。 このページでしたら、私はHomepageBuilderに合わせる方法をお勧めします。 スタイルシートで作られるなら、テーブルを削除し、いわゆるリキッドレイアウトで作り直すことをお勧めしますが、 HTMLを完全に作り直しになるのと、画面中央に表示するスタイルシート、というのはいろいろやっかいですので。 （top:50%で行けると言えば行けるんですが(^^;） --------------------------- ・HomepageBuilderに合わせる方法 XHTMLで書かれているのを、HTMLの非標準モードで書き直します。 Dreamweaver8ではわかりませんが、旧バージョンのMX2004では既存のページのDOCTYPEを変更することは出来ません。 新規作成時に、「ドキュメントをXHTMLに準拠させる」のチェックをはずしてください。 その後、ソースの１行目にある<!DOCTYPE ～ >の部分を HomepageBuilderで作ったページの<!DOCTYPE ～ >をコピーペーストして書き換えてください。 <!DOCTYPE ～>にURLが書かれていなければ修正は必要ありません。 この方法ではスクロールバーの色も変更することが出来ます。（WindowsIEのみ） スクロールバー用のスタイルシートの指定はDreamweaverMX2004ではできません。 -------------------------------- ・スタイルシートでの指定 現在のページをそのまま利用出来ます。 スクロールバーの色を変更することは出来ません。 スタイル管理で以下の様に新規作成します。 名前：html,body セレクタタイプ：詳細 カテゴリ：ボックス-> 幅を100%、高さを100%に指定し、OKを押す。 （これだけでもいけますが、マージンを全て0pxにして置いた方がいいと思います。） テーブルの高さもスタイルシートで指定することをお勧めします。
