IEのtable内で white-space:nowrap を有効にする方法

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

IE6,IE7でtalbeのth,tdにCSSでnowrapを指定しても有効にならない

HTMLのテーブル・タグで、見出し列が改行されてしまうと、いささかみっともないので CSSでthタグに”white-space:nowrap”を指定してみた。しかし、FireFoxやChromeなどは問題ないのに、InternetExplorer6,7では改行されてしまった。

結論から言うと、”white-space:nowrap”をかましたspanタグで囲うと有効になった。

.cNowrap{
  white-space:nowrap;
}
<table>
    <tr>
        <th><span class="cNowrap">ここに長い見出し</span></th>
        <td>ここにデータが入る。ここにデータが入る。(略)ここにデータが入る。ここにデータが入る。</td>
    </tr>
</table>

残念ながらthタグに上記CSSのクラスを割り当てても有効にならなかった。

関連記事

IEで「エラー:識別子、文字列または数がありません。」エラー... InternetExplorerで「エラー:識別子、文字列または数がありません。」エラーがにっちもさっちも Prototype.jsを使ってフォームをAjaxちっくに投稿するページを作っていたんですが、FireFoxとかは問題ないのにIEだと「実行しましたがページでエラーが発生しました。」とエ...
jQueryと外部JavaScriptでGoogleGadgetを作る 以前、3ステップでGoogleGadgetでjQueryを使う方法の記事を書いたのですが、より簡単かつ大胆に使えて外部JavascriptがダイナミックロードなGoogleガジェットを作りました。外部ファイルが別ドメイン(クロスドメイン)間でも動作します。 よろしかったら使ってください。 ■...
ブラウザのステルス・モード用ショートカット... ブラウザを閉じると、Cookie、一時ファイル、閲覧履歴などを削除してくれる、いわゆるステルス・ブラウジングですが、ブラウザのショートカットに一文を加えると、いちいち起動後に指定になくても楽になります。Windows限定ですが。 ちなみに、この、Chromeで言う"incognito"モードや...
FileMakerのIWP(インスタントWEB公開)で使われるCSSの保存場所... InstantWebPublishing(IWP)のデフォルトCSSの保存場所 FileMakerPro11のインスタントWEB公開では、外部CSSを利用できないのですが、デフォルトの設定はどこかしらと思って調べてみました。 C:Program FilesFileMakerFile...

スポンサーリンク
レクタングル(大)広告

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク
レクタングル(大)広告