- ベストアンサー
tableタグ内の表示がIEとfirefoxで一致しなくて困ってます。
tableタグ内の表示がIEとfirefoxで一致しなくて困ってます。 セル内の文章がIEの方が上に表示されてしまいます。 valignやcellpaddingをいじってもだめです。 どうにもなりませんか？ 参考サイト等あれば教えてください。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- IEと同じようにFirefoxでもテーブルが表示されるには？
head内にスクロール非表示のタグを入れています。 http://aomi1111.sakura.ne.jp/temp/in/i106/index.htmlのような感じでノーフレームです。 IE7、IE6ではテーブルが画面の上から下まで表示されテーブル内でスクロールが出来ますが、Firefoxで見るとテーブルが画面下に飛び抜けてしまいテーブル内のスクロールが出ず、スクロール非表示にしてるので下が見れなくなってしまいます。上のサイトのように表示するにはどうすれば良いでしょうか？このテンプレートをノーフレームにしたいです。自分なりに(初心者です)いじくりすぎて原形がなくなりました。必要なさそうな(？)タグは載せていません。 ■CSS■ body,td,th{ font-size:70%; color:#444; font-family:Georgia,Verdana,Osaka,'MS P Gothic'; font-weight:normal; margin:0px;padding:0px; background:#fff url() repeat fixed; } body{text-align:center;} table{margin:auto;height:100%;} #table2{ filter:alpha(opacity=100); width:551px;height:100%; background:#fff; padding:0px 10px 0px 10px; overflow:auto; } #table3{ filter:alpha(opacity=90); background:#fff url() no-repeat; padding:0px; width:220px;height:100%; } ■top.html■ <head> <style type="text/css"> <!-- body{overflow:hidden;} --> </style> </head> <body> <★table cellspacing="0"> <tr><td> <div id="table2">左の本文</div> </td><td> <div id="table3">右メニュー</div> </td></tr> </table> </body> ★のtableを消してcssの#table内にfloat:left;margin-left:120px;等入れるとFirefoxでも表示されますが、その場合table2、table3を真ん中にこさせる方法が解りません。。。どなたか解る方がいましたらよろしくお願い致します。
- 締切済み
- HTML
- IE6/NN7.1のテーブルのheight="100%"
テーブルの高さの指定 height="100%" なんですが、 IE6とNN7.1で１００％で表示されません。 下記の記述に間違いはありますでしょうか？ もしかしたら初歩的な問題なんでしょうか？ ちなみにIE5.5 MacのIE5.2では表示されました。 困っています。 宜しくお願いいたします。 ーーーーーーーーーーーーーー <table border="0" cellspacing="0" cellpadding="0" height="100%"> <tr> <td valign="top">上</td> </tr> <tr> <td valign="bottom">下</td> </tr> </table> ーーーーーーーーーーーーー
- ベストアンサー
- CSS
- IEでのテーブル幅
質問させて下さい。 テーブルのソースが以下のようになっています。 <table width="450" height="300" border="1" cellpadding="10" cellspacing="0" bordercolor="#333333"> <tr> <td width="225" height="150" align="left" valign="top">あああああああああああああああああああああああ</td> <td width="225" height="300" rowspan="2" background="haikei.jpg"> </td> </tr> <tr> <td width="225" height="150" align="left" valign="top">いいいいいいいいいいいいいいいいいいいいいい</td> </tr> </table> このときに、ファイアーフォックス3での表示と、IE8での表示に 違いが大きいんです。（IEの表示の方が縦が長くなります） このままだと右側の背景画像の高さと左のテキストの高さが あいません・・・それぞれのテーブル幅などの指定はきちんと しているつもりなのですが、どうすれば良いのでしょう。 CSSの利用はなしとして、どなたか教えて頂けないでしょうか。
- ベストアンサー
- HTML
- IEとFirefoxで表示が違う
現在WEBサイトを制作しています。 フォームを挿入したのですが、IE(8)で表示すると<form>要素の上部に大きなスペースが空いてしまいます。Firefoxで表示すると問題ないです。 HTMLのフォーム付近は以下のような構成にしています。 <p>フォーム上部の文章</p> <form method="#" action="#"> <table> <tr><td>テキスト</td> <td><input type="text" name="#"></td></tr> ・ ・ </table> </form> IEでは<p>の文章と<form>テーブルとの間に大きなスペース(約200px)ができてしまいます。 Firefoxではたまたまうまく処理されていて、間違った記述をしていると考えるべきでしょうか。 それとも、IEブラウザの不具合なのでしょうか。 このような症状についてご存知の方がいらっしゃいまいしたらごご教授いただけますようお願い申し上げます。
- ベストアンサー
- その他([技術者向] コンピューター)
- firefoxでブラウザ確認すると左に少しづれる
dreamweaverでサイトを作っている者です。firefoxでブラウザ確認するとページを切り替えたときに左に少しずれたりするんです。 bodyにいらないタグでもはいっているんでしょうか？IEでは全くずれません。以前にtableのcellpadding cellspacingの順序をかえたら直ったのに今回は直りませんでした。誰か教えてください。よろしくお願いします。
- ベストアンサー
- HTML
- テーブルスクロール firefox opera等
私のサイトでは、テーブルにスクロールバーを表示している部分があるんですが、 firefoxやoperaなどのブラウザではスクロールバーが非表示になり、テーブル内が縦長に表示されてしまうようです。 firefox、opera、その他のブラウザで表示できるテーブル内のスクロールバーのタグ、教えてくださいっ。 すべてのブラウザに適応したタグがなければ、firefoxで表示したときのタグ、operaで表示したときのタグなどを、分け、 そのブラウザによって、表示するタグを変えるというのは、できませんでしょうか？ 教えてください。 ↓現在使用しているタグです <span style="width:100%;height:72;overflow:auto;border:3px solid #eeeeee;">
- 締切済み
- JavaScript
- 角丸テーブルのつくり方！
どうしてもホームページに角丸テーブルを作りたく、日々奮闘しておりますが、なかなかうまくいきません。。。http://d.hatena.ne.jp/tikeda/20060501/1146444788 こちらのサイトを見つけ、早速ＤＬし、９番の内側にシャドウがついた角丸を作成したく、以前の質問で教えて頂いた、 http://heo.jp/tag/kowaza/omoshiro/10.html を参考に、３×３のテーブルを挿入し、 セルに一づつＤＬした画像を・・・入れているのですが、どうもいまいちわかりません。ＤＬしたＺＩＰファイルを解凍すると色々出てくるのですが、９番のものは６個gif画像が入っていました。 こちらをただ、セルに挿入してTable Borderタグに、<Table Border Cellspacing="0" Cellpadding="0">を追記する・・・という手順はわかったのですが、Zipファイルの画像がどのセルにどこの画像をいれていいか（どこにどれを入れていいか）イマイチ解りにくくて本当に困っております。 やってはみたのですが、入れるセルと入れる画像が間違っているのか、 それともハナから私の角丸テーブルに対する概念が間違いなのか わけがわかりません。、<Table Border Cellspacing="0" Cellpadding="0">を追加したら、一番上の画像だけずれて表示されてしまうのです。 ご親切に教えてくれる方居ましたら、宜しくお願い致します。
- ベストアンサー
- HTML
- ＦｉｒｅｆｏｘのブックマークをＩＥと同じように表示したい
現在Firefoxを使用しているのですがFirefoxのブックマークは上の方に表示されていると思います。ＩＥの場合は左横に大きく表示されると思います。 firefoxのブックマークをＩＥと同じように表示したいのですがどうしたらいいのですか？宜しくお願いします。
- 締切済み
- その他（インターネット接続・通信）
- テーブルの中にテーブルを入れ込んで・・・
最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか？ （↑けしてダジャレではありません(^^ゞ） セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか？ 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか？
- ベストアンサー
- HTML
- ＩＥとfirefox、行間の表示が異なってしまう
ulタグをline-heightで行間指定した場合、firefoxとIEでは表示が異なってしまいます。 firefoxでちょうど良い行間にするとIEでは詰まりすぎて文字がつぶれてしまったり。 解消方法を教えていただけないでしょうか？
- ベストアンサー
- HTML
お礼
ご回答ありがとうございます。 お礼が遅くなり申し訳ありません。 アドバイスいただいた方法で試してみます。