- ベストアンサー
テーブルを真ん中に持ってきたいだけなんです。
ホームページビルダー７を使っています。 テーブルをウィンドウサイズに合わせて自動的に真ん中に位置されるようにしたいのです。 ネット検索や教えてgooも検索し、align="center"と入れたり、<CENTER></CENTER>でくくってみたりしてみましたが、思うように動作しません。ホームページビルダー上でソースを編集すると、なんか余計なDIVをつけられたりして、わけわかりません。 frontpage expressで作っていたときは、ソースなんて意識しなくてもできたのですが・・・。 ソースの修正でも、ホームページビルダーの機能ででもいいのですが、やり方を教えて下さい。 現在のソースは以下になります。今日一日、これに悩まされてます。 過去の質問を参考にしてもうまくいかなかったので、新規であげさせていただきました。よろしくお願いします。 <BODY bgcolor="#E8F8FF"> <DIV style="width : 580px;height : 106px;top : 99px;left : 82px; position : absolute; z-index : 1; " id="Layer2"> <DIV align="center"> <TABLE border="1" width="580" height="106"> <TBODY> <TR> <TD><FONT size="-1">サブタイトル<BR> <BR> 本文</FONT></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> </BODY>
- HTML
- 回答数5
- ありがとう数5
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (4)
「かんたん」スタイルを使う場合 メニューバーから「ファイル」→「開く」を選択し、表示される「開く」ダイアログの[編集するモード]で「標準モード」または「どこでも配置モード」を選択してください。指定の編集モードでファイルが開きます。 「スタンダード」スタイル、または「エディターズ」スタイルを使う場合 メニューバーから「ファイル」→「モードを指定してページを開く」→「どこでも配置モードで開く」または「標準モードで開く」を選択し、ファイルを指定してください。指定の編集モードでファイルが開きます。 ホームページ・ビルダーで編集中のファイルの編集モードを切り替えることはできません。一旦ファイルを保存して閉じてから、上記のメニューバーの操作にしたがい、モードを指定して開いてください。
お礼
ありがとうございます。 私がお礼の中に書いた質問にも気がついていただけたのですね。 教えていただいた方法で、編集モードの切り替えができました。 ホームページビルダーの使いかたもちゃんと学びます。
- F-14
- ベストアンサー率45% (50/110)
的確な回答が既に＃１さんによって出ていますので、私は余計なお世話を一言。（＾＾； ＞なんか余計なDIVをつけられたりして これは、「どこでも配置モード」で作成したことが原因です。「標準モード」で作成されることを強く推奨します。「標準モード」で作っていれば、今回の問題も起きなかったと思います。なぜ「標準モード」の方が良いのかは、同じページを両方のモードで作ってみて、そのソースを比較してみれば一目瞭然です。
お礼
ありがとうございます。 余計なお世話だなんてとんでもないです。 まさに私が知りたかったのは、どこでも配置モードと標準モードの違いだったようです。 ソースの編集を何度繰り返してもDIVタグがつくので、いろいろ設定をいじくっていたのですが、どこでも配置モードが原因だということになかなか気づけませんでした。 最初にどこでも配置モードで作ったものは標準モードに変換できないのでしょうか？ でもまだ作り始めなので、新規で作り直したいと思います。 とても参考になりました。
- shy00
- ベストアンサー率34% (2081/5977)
<BODY bgcolor="#E8F8FF"> <TABLE border="1" width="580" height="106" align="center"> <TBODY> <TR> <TD><FONT size="-1">サブタイトル<BR> <BR> 本文</FONT></TD> </TR> </TBODY></TABLE> </body> これだけですが・・・ ブラウザーサイズを変更しても真ん中に行かないですか？
お礼
ありがとうございます。 そうなんです。。それだけでできるのはわかっていたのですが、ホームページビルダーの設定に問題があったようです。
どこでも配置モードで作っているのでしょうか? 上記のソースでは、 <DIV style="width : 580px;height : 106px;top : 99px;left : 82px; position : absolute; z-index : 1; " id="Layer2"> この部分で幅580pxのボックスを作り、その中での中心位置にテーブルを合わせるようになっています。 ですので、ブラウザのウィンドウサイズによっては中央にはこないと思います。 この部分のソースを削除してしまえば、ウィンドウサイズを幅の基準として扱うはずなので、一応センタリングできると思いますよ。 参考になれば。
お礼
ありがとうございます。 どこでも配置モードで作ってます。 DIVタグを何度消しても、編集画面に戻るときに変換されてしまってDIVタグがついてしまっていたんです。 NotePadで開いてソースを編集するとできていたのですが、今後も更新していくのにはホームページビルダーを使いたかったので、悩んでました。 何とかできそうです。 ありがとうございました。
お礼
ありがとうございます。 DIVタグを何度も消していたのですが、ホームページビルダーの設定と私の使いかたが合っていなかったようです。 みなさんのお返事をいただいて、ソースの編集については私も間違ってないのだということが確認できまして、ホームページビルダーの設定をいろいろいじくってみました。 TABLEタグにalign="center"でうまくいきました。 簡単な質問でごめんなさいです。