- ベストアンサー
テーブルの配置
お忙しいところすみません。たぶんＣＳＳでレイアウトした方がいいと思うのですが、よく分からないのでとりあえずテーブルでレイアウトしています。 テーブルの入れ子にせずにレイアウトをしたいのですが、ブラウザーで確認すると、文字サイズを小さくすると、真ん中の左右に並べたテーブルが上下のテーブルの位置からはみだしてしまいます。 何かタグを付け加えるとうまくいくのでしょうか？ ・まず、ページの上にタイトルやボタンを配置するテーブルを置き、 <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> ・その下に左右にテーブルを配置し、内容を書き、 <table width="49%" border="0" align="left" cellpadding="0" cellspacing="0"> <table width="49%" border="0" align="right" cellpadding="0" cellspacing="0"> ・その下にまたテーブルを置いて、コピーライトを表示させる <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> 省略してタグを書いていて、分かりにくければ申し訳ございません。教えていただけるとうれしいです。どうぞよろしくお願いいたします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
テーブルではありませんが、なんとなくやってみました。IEのみ確認。 <html> <head> <title>a</title> <style type="text/css"> <!-- .top { width:98%; margin:0px; padding:0px; } .mid { width:49%; float:left; margin:0px; padding:0px; } .bot { width:98%; clear; margin:0px; padding:0px; } div { border: solid 1px black; } --> </style> </head> <body> <div class="top"> <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p></div> <div class="mid"> <p>てすとてすと</p> <p>a-a-. </p></div> <div class="mid"> <p>テストです。</p> <p>test test.</p></div> <div class="bot"> <p>copu righ</p></div> </body> </html>
その他の回答 (2)
- nitto3
- ベストアンサー率21% (2656/12205)
４９％＋４９％＝９８％この中には 左右のmargin 分が入ります、 そのためのずれですから４９％を少し小さくしたらいいです。 またはＮＯ，２の回答の方はＣＳＳでれをやっておられます。 その分だけ真似したらいいですよ。 <table style="margin:0px">でいいのかな。
お礼
ご親切にありがとうございます。なるほど、そうですね。ＣＳＳについてもこれから勉強していきたいと思います。
- OUHO
- ベストアンサー率28% (11/38)
テーブルを一つにしてしまえば良いと思います。 <table width="98%" border="0" cellpadding="0" cellspacing="0"> <tr> <td ColSpan="2">a</td> </tr> <tr> <td>b</td><td>c</td> </tr> <tr> <td ColSpan="2">d</td> </tr> </table>
お礼
早速のご回答をありがとうございます。 大きいテーブルの中に全部入れると、表示が遅くなるので、小分けにしたいのですが、やはり難しいのでしょうか・・・？
お礼
具体的にタグを書いていただき、ありがとうございました。やはりこれからはＣＳＳですかねえ。今回を機会にやってみようかと思います。