- ベストアンサー
テーブル自体のセンタリングについて
テーブル自体のセンタリングは それを表示するブラウザによって仕様が違うそうです。 では、 IEやFireFox・Sleipnir等の各ブラウザで表示した際に どの(殆どの)ブザウザでもセンタリングされるようにするには どういった記述をすればいいのでしょうか？
- higasinipp
- お礼率50% (5/10)
- レンタルサーバ・ASP
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
表のセンタリング方法の謎 - ［ホームページ作成］All About http://allabout.co.jp/internet/hpcreate/closeup/CU20050806A/index.htm IE6以前がw3m勧告の標準に従わずに独自のCSS解釈してしまうのが問題ですね。
関連するQ&A
- FireFox2.0でCSSを使ってテーブルそのものをセンタリングしたい
IE６だと #wrapper { text-align: center; } <div id="wrapper"> <TABLE border="1"> <tr><td>テキスト</td></tr> </table> </div> とやればテーブルそのものがセンタリングされるのですが、 FireFox2.0だと左に寄ったままです。 CSSを使わずに<center>で囲めばセンタリングされますが、 そうではなくてCSSを使ってやるやり方はないでしょうか？
- ベストアンサー
- HTML
- ＤＩＶのセンタリング
<table>を使うとセンタリングできるのですが、 <div>を使うとセンタリングできません。(IEだとセンタリング出来てますが、firefoxで確認した場合センタリング出来てません。) どうやってセンタリングできるのかご存知の方いらっしゃいましたら、 申し訳御座いませんが、ご教授願いますでしょうか 宜しくお願い致します。
- ベストアンサー
- HTML
- リストの「・」をセンタリングする方法について
<ul style="text-align:center"> <li><a href="XX">項目１行目</a></li> <li><a href="YY">項目２行目</a></li> </ul> このようにしてリスト表示をセンタリングさせており、 ブラウザチェックをしていたらFire Fox(3.5.8)、Chrome(4.0.249.89)、safari(4.0.4) で表示が ・ 項目１行目 ・ 項目２行目 となってしまい、文字はセンタリングしてくれましたが、「・」がブラウザの左端に寄ってしまい センタリングしてくれません。他のブラウザ(IE、opera)では「・」もセンタリングされているのですが… テーブルの時も同じような現象に陥ってしまい、 margin-left:auto;margin-right:auto;と指定する事で回避出来たのですが、 今回も同様の方法で<ul style="margin-left:auto;margin-right:auto;">やってみましたが、無反応… で、今度はautoではなくてpx数で指定すれば上手く「・」が移動してくれたのですが、ブラウザ画面を 小さくしてしまうと文字が潰れてしまい、断念。 更にlist-style-type:none;で指定してやれば見た目的にはセンタリングしていますが、「・」が無いので いまいち… どのようにしたらこれらのブラウザでちゃんと「・」がセンタリングするようになるのでしょうか？ よろしくお願い致します。
- ベストアンサー
- HTML
- テーブルの枠自体を折り曲げる
tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠を tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠ごと改行したいのです。 表の中には自動でプログラムされた値が入るようになっているらしく、TRタグはつかえません。(普通だと折り曲げてはいけないそうですが)この横長の表をHPに掲載すると横のスクロールバーが出るのが嫌なのと iframeで表示させねばならず、スペース的に画像であらわしいたように折り曲げたいのです。 http://okwave.jp/qa/q3312100.html ←このjavascriptが近いかと思うのですが、この例は１行の表の例なので 2行まとめて折り曲げる方法がわかりません。(javascriptがわかりません) どなたか上記のように表現する方法をご存知ではないですか？大急ぎでお願いします。
- ベストアンサー
- CSS
- テーブル自体にページ内リンク
テーブル自体にページ内リンクを貼りたいです。 以下のようにテーブルそのものにリンクを貼ると 正常に動作はするのですが、 htmlチェッカーで ”<table> を ×行目の <a>～</a> 内に書くことはできません。 ” という重大なエラーになってしまいます。 <a href="#r01">テーブルへ</a> <a name="r01" id="r01"><table class="table-01" summary="相談料金・弁護士費用のご案内"></a> そこで、以下のようにcaptionやthやtdにリンクを貼ってみたところ htmlチェッカーでのエラーは消えたのですが ブラウザによって正常にリンク先へ飛んでくれませんでした。 <caption><a name="r01" id="r01">××</a></caption> 上記だと、Firefoxだと正常に動きますがIEだと動きませんでした。 <th><a name="r01" id="r01">××</a></th> <td><a name="r01" id="r01">××</a></td> 上記だと、Firefox,IEともに正常に動きませんでした。 どのように修正したらいいのでしょうか？ ご教授お願いいたします！
- ベストアンサー
- HTML
- tableのセルの高さを調節する方法
heightを設定しないでline-height: 20%;でtableを作成すると、IE8やFireFoxなどでは正常に見えるのですが、IE7以前ではセルの高さが潰れて表示されます。 そこで、今度はheight：20pxを設定してline-heightを設定しないでtableを作成すると、IE7以前では正常に見えるのですが、IE8やFireFoxなどではセルの高さが異常に高く表示されます。 どのブラウザでも同様に表示させる方法を教えてください。 できれば、CSSで作成したいのですが。 どうぞ、宜しくお願いいたします。
- ベストアンサー
- ブラウザ
- テーブル内で均等表示させたい
IE6のブラウザで、スタイルシートのtext-align:justifyをテーブル内で使うと正しく均等表示にならずに左詰になります。 body直下なら問題なく表示されますが、これは仕様でしょうか？ テーブル内で均等表示させたいです。
- ベストアンサー
- HTML
- センタリングしたページの印刷
センタリングをしたページを作成していますが、印刷をする際(用紙方向縦)には左寄せで印刷できるようにしたいと思っています。 例としては、e-bankさんのトップページを考えています。e-bankさんのトップページを印刷プレビューしていただくとお分かりいただけるかと思いますが、ブラウザで表示される際はページ全体がセンタリングされていて、印刷する際はセンタリングが解除されて(??)、ページ全体が切れることなく印刷されます。 http://www.ebank.co.jp/ ただ、私が作成したhtmlファイルですと、印刷(プレビュー)した際も、センタリングされたままの状態で、左に余白がありページ(横幅700pix)が途中で切れてしまいます。 hemlファイルには、 ～前略～ <body> <center> <table width="700" border="0" cellpadding="2"> <tr> <td bgcolor="#993300">あ</td> <td bgcolor="#993300">い</td> </tr> </table> </center> </body> ～後略～ もしくは、 ～前略～ <body> <div align="center"> <table width="700" border="0" cellpadding="2"> <tr> <td bgcolor="#993300">あ</td> <td bgcolor="#993300">い</td> </tr> </table> </div> </body> ～後略～ と記述してセンタリングしましたが、どちらも印刷の際もセンタリングされたままでした。 どうしたらe-bankさんのトップページのように、左に余白が入らずページ全体が印刷されるようになるでしょうか…。ご存知の方がいらっしゃいましたら、宜しくお願いします。
- ベストアンサー
- HTML
- リンクをクリックするとSleipnirが立ち上がってしまう
ブラウザを3つ使っています。 ＩＥとＳｌｅｉｐｎｉｒとＦｉｒｅｆｏｘです。 実はメッセンジャーなどで送ってもらったＵＲＬをクリックするとＳｌｅｉｐｎｉｒが立ち上がってしまうのです。 通常使うブラウザ、がＳｌｅｉｐｎｉｒになっているのかと思い、 ＦＩＲＥＦＯＸを通常使うブラウザに設定したのですが、 変わらず、Ｓｌｅｉｐｎｉｒが立ち上がってしまいます。 困っています。解決方法を教えてください。
- ベストアンサー
- ブラウザ
お礼
ありがとうございました。
補足
ほう、詳しく載っていますね。 為になります。 ありがとうございます。