- ベストアンサー
win IEでのtableタグを入れ子にした場合のalign指定
tableを2重で使用し、外側のtableのtdにalign="right"をつけると、内側のテーブルのテキストもrightになってしまいます。 win firefoxで確認しましたらrightになりませんでした。 この問題の回避方法を知っている方がおりましたらご教授いただけないでしょうか？ よろしくお願いいたします。 ※ネットで調べようと思ったのですが、情けない事にキーワードがあいまいすぎて膨大な数しかヒットさせる事ができませんでした。 <html> <body> <table border="1" width="100%"> <tr>どうでしょうか？<td> </td> </tr> <tr> <td align="right"> <table> <tr> <td> test </td> </tr> </table> </td> </tr> </table>
- kakekake_07
- お礼率63% (19/30)
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
左揃えになってますよ。内側のtableにwidthを指定してみてください。 widthを指定していないために内側のtableがtestという文字の幅になってしまっているのでは？ 内側のtableにborder="1"を指定してみれば目に見える形で分かるかと思います。
その他の回答 (2)
- goldfox
- ベストアンサー率49% (123/249)
テキストを入れているセルに align="left" をつければ済むことではないでしょうか？ <td align="left"> test </td>
お礼
No.1のお礼で書きましたが、テーブルの幅がtestの幅になってしまっていたため、上手くいていないように感じてしまいました。 アドバイスありがとうございました。
補足
上記方法では駄目でした。
- OsieteG00
- ベストアンサー率35% (777/2173)
http://www.nc-net.or.jp/kouza/web/html3/0008.html divで指定するか 明示的に指定 <html> <body> <table border="1" width="100%" align="right"> <tr>どうでしょうか？<td> </td> </tr> <tr> <td> <table align="center"> <tr> <td> test </td> </tr> </table> </td> </tr> </table> </body> </html>
お礼
No.1の方法で、問題が切り分けられました。 丁寧にソースを書いていただき、 どうもありがとうございました。
関連するQ&A
- ラインはtableタグを使って書くのでしょうか？
<table border="0" width="100%" style="bordr-left:0px;border-right:0px;border-top:thick ridge;border-bottom:0px"> <tr><td width =100%></td></tr></table> ｈｔｍｌを勉強中でソースをのぞいてみるのですが、テーブルのデーターなしで幅が０とか？？でわかりません。なぜラインになるのでしょうか？＜ｈｒ＞とかとはちがうのでしょうか？？おおしえください
- 締切済み
- その他（インターネット・Webサービス）
- テーブル高さ指定タグについて
テーブル高さ指定タグについて サイズがバラバラの４枚の画像をテーブルを使って同じ幅・高さ縦横各２枚並べて表示したいと思っています。 下記のとおり高さ・幅300と指定をしているにもかかわらず、400×400pixの画像が高さを超えて目いっぱい表示してしまいます。 <table border="1" width="600" height="600" cellspacing="0" cellpadding="0"> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_1.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_2.jpg"></td> </tr> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_3.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_4.jpg"></td> </tr> </table> どうすれば、すべて300×300pixの範囲内におさめることができるのでしょうか？
- ベストアンサー
- HTML
- 半角だけだとtableタグのwidth指定が無効になってしまう。
半角だけだとtableタグのwidth指定が無効になってしまいます。半角を入力した際にwidth指定を有効にする方法をご教授お願いします。 <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９</TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">0123456789012345678901234567890123456789012345678901234567890</TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- HTML
- 入れ子になっているHTMLタグも抜き出したい
現在、/^(<([\w]+)[^>]*>)(.*?)(<\/\\2>)/という正規表現で 再帰的に処理させてHTML部分のみカットしています。 が、 <table border="1" cellpadding="2" cellspacing="0" align="right" style="margin-left:1em"><tr><td colspan="2" cellspacing="0" cellpadding="2"><table align="center" border="0"><tr><td colspan="2" align="center">aaa</td></tr></table></td></tr></table> こういった同じタグの入れ子状態になっている事を想定していなかった為 正しく抜き出しが行えず問題が発生しています。 しかし、現状の処理でずっと動作させてきたので、出来るだけ処理を変更せず 上記HTMLにも対応させたいです。 何かいい正規表現か、同等の処理はありませんでしょうか？
- 締切済み
- PHP
- 同じ<table align="center">を用いていますが、セルの中身の行揃えが代わってしまいます。
どちらも<table align="center">を用いています。 ですが、タグ１は特にセルの位置を指定せずとも、セルの中身が自動的に左詰めになりますが タグ２のセルの中身は、中央ぞろえになってしまいます。 タグ１のように、<table align="center">を用い、セルを左詰め指定（<align="left">）をせずとも なぜセルの中身が左詰めになるのか分かりません。。。 -------------タグ１------------- <table width="600" border="0" align="center" cellpadding="0" cellspacing="5"> <tr> <td width="10"><img src="img/concept_title.gif" width="10" height="30"></td> <td><img src="img/concept_title01.gif" alt="テキスト" width="127" height="16"></td> </tr> <tr> <td width="10"> </td> <td class="t01">テキスト</td> </tr> </table> ------------------------------ -------------タグ２------------- <table width="640" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="3" rowspan="2" valign="top"><img src="image/grade_line.gif" width="3" height="177" /></td> <td width="8" valign="bottom"><img src="image/grade_line30.gif" width="20" height="2" /></td> <td width="368"><img src="image/kisyo/01t.gif" width="368" height="32" /></td> <td align="left" valign="bottom"><img src="image/grade_line_right.gif" width="42" height="2" /></td> </tr> <tr> <td> </td> <td height="145" align="left">テキスト <td rowspan="2"><img src="image/kisyo/01_ph.jpg" alt="井戸" width="200" height="139" /></td> </tr> <tr> <td valign="top"><img src="image/grade_line_bottom02.gif" /></td> <td> </td> <td> </td> </tr> </table> ------------------------------ 初心者的な質問・タグで恐れ入りますが、ご助力頂けますと幸いです。 宜しくお願い致します。
- ベストアンサー
- HTML
- TABLEタグの幅指定
テーブルの幅を厳密に指定したいのですが、 例えば以下のような１行２列のテーブルがあるとき、 <TABLE CELLSPACING=1 CELLPADDING=4 BORDER=0> <TR> <TD WIDTH=100>***</TD> <TD WIDTH=100>***</TD> </TR> </TABLE> このような場合にテーブルタグにWIDTH属性を加えるとすると、 100*2+4*4+1*3=219で、WIDTH=219が正確な値なのでしょうか？ よろしくお願いします。
- 締切済み
- HTML
- テーブルのテーブルの間に間ができるのでしょうか？
はじめまして、超html初心者のものです。 なぜ同じようテーブルを３つ書いているのに一番上のテーブルと真ん中のテーブルの間が開いてしまっているのかがわかりません。 あと、一番上のテーブルの-から先をもう少し左に寄せることもうまくいきません。 なにかアドバイスをよろしくお願いします。 ↓これがソースです。 <html> <head><title>test</title> </head> <form> <table border=1 cellspacing=0 cellpadding=2 width=760> <tr> <th width=95 height=30 align="right">日付け：</th> <td width=284> <input type="text"><input type="button"> </td> <td> - </td> <td><input type="text"><input type="button"></td> </tr> </table> <table border=1 cellspacing=0 cellpadding=2 width=760> <tr> <th width=95 height=30 align="right">部署：</th> <td width=100> <select name="busyo"></select> </td> <th width=80 align="right">営業所：</th> <td width=100> <select name="eigyousyo"></select> </td> <th width= 80 align="right">担当コード:</th> <td width=450> <select name="tantocode"></select> </td> </tr> </table> <table border=1cellspacing=0cellpadding=2width=760> <tr> <th width=80 align="right">権限:</th> <td width=700> <select name="kengen"></select> </td> </tr> </table> </form> </html>
- 締切済み
- HTML
- Mac IEのバグなのでしょうか？
TMEspionです。 <table border="0" cellpadding="5" cellspacing="5"><tr><td width="100" align="left" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="center" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="right" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td></tr><tr><td align="left" bgcolor="#999999">左</td><td align="center" bgcolor="#999999">中</td><td align="right" bgcolor="#999999">右</td></tr></table> --------------------------------- 上記のソースの様に、テーブルを縦2段、横2列にセルを作り、上段はテーブルタグ、下段はテキストでそれぞれalign属性をleft、center,rightと設定しています。 ところがInternet Explorer 5.2 for Macで見ると、 上段右のテーブルタグは「align="right"」の効果が出ていません。 この質問を呼んでいる回答者様には、ブラウザでどう表示されるんでしょうか？ どう表示されたかという結果とブラウザ名を教えて下さい。
- ベストアンサー
- HTML
- widthの％ or ピクセルを指定した場合の違いについて
お世話になっております。 下記のソースは、２つのテーブルをくっつけたソースなのですが、 (1)はwidthに「％」を指定しており、(2)は「ピクセル」を指定しています。 (1)の％だとちょうど合っていますが、(2)のピクセルを指定した場合では、値を合わせているにも関わらずずれてしまっています。 「ピクセル」指定をした場合でも合わせるにはどうすればよいのでしょうか？ (1)widthに「％」を指定 </head> <body> <div style="width:330;height:20;overflow:hidden"> <table cellpadding="0" width="300" border="1" align="left"> <tr> <td width="20%">列1</td> <td width="20%">列2</td> <td width="20%">列3</td> <td width="20%">列4</td> <td width="20%">列5</td> </table> </div> <div style="width:330;height:50;overflow:auto"> <table cellpadding="0" width="300" border="1" align="left"> <tr> <td width="20%">ああああああああああああああああああああああ</td> <td width="20%">2</td> <td width="20%">3</td> <td width="20%">4</td> <td width="20%">5</td> </tr><tr> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr><tr> <td>7</td> <td>8</td> <td>いいいいいいいいいいいいいいいいいいいいいい</td> <td>10</td> <td>11</td> </tr> </table> </div> (2)widthに「ピクセル」を指定 </head> <body> <div style="width:330;height:20;overflow:hidden"> <table cellpadding="0" width="300" border="1" align="left"> <tr> <td width="60">列1</td> <td width="60">列2</td> <td width="60">列3</td> <td width="60">列4</td> <td width="60">列5</td> </table> </div> <div style="width:330;height:50;overflow:auto"> <table cellpadding="0" width="300" border="1" align="left"> <tr> <td width="60">ああああああああああああああああああああああ</td> <td width="60">2</td> <td width="60">3</td> <td width="60">4</td> <td width="60">5</td> </tr><tr> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr><tr> <td>7</td> <td>8</td> <td>いいいいいいいいいいいいいいいいいいいいいい</td> <td>10</td> <td>11</td> </tr> </table> </div>
- ベストアンサー
- HTML
- tableタグで入れ子した場合、上そろえはできますか？
<table border="2"> <tr><td> <table border="3"> <tr><td >--1--</td></tr> <tr><td >--2--</td></tr> <tr><td >--3--</td></tr> <tr><td >--4--</td></tr> </table> </td> <td> <table border="3"><tr> <tr><td >--1--</td></tr> <tr><td >--2--</td></tr> <tr><td >--3--</td></tr> <tr><td >--4--</td></tr> <tr><td >--5--</td></tr> <tr><td >--6--</td></tr> <tr><td >--7--</td></tr> </table> </td> <td> <table border="3"><tr> <tr><td >--1--</td></tr> <tr><td >--2--</td></tr> </table> と、すると、どうしても上下で中央そろえになってしまうため、番号が左右で合いません。 だからといって、全部に<tr>をたしてしまうと、デザインがしにくくなってしまうので、困っています。 どなたか、解決できるようでしたら、アドバイスをお願いします。
- ベストアンサー
- HTML
お礼
すいません。もう一度確認してみたら、 確かにそうでした。 ありがとうございます。
補足
むむ。私の環境では、右側によってしまっています。 WinXP IE 6.0.29