タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

cssとieに関するkjirouuのブックマーク (4)

  • スタイルシート[CSS]/テキスト・フォント/文字の間隔を指定する - TAG index

    初期値は normal(標準)です。 IEの不具合について このスタイルを設定した要素内でbr要素を連続させると、2つ目(偶数個目)のbr要素が無視されてしまいます。例えば、5つのbr要素を連続させた場合は、2番目と4番目のbr要素が無視され、3つ分の改行しか入らなくなります。 br要素に対して letter-spacing: 0 または letter-spacing: normal を指定すると、この不具合を回避することができます。 IE 8では、上記の不具合は発生しないようです。

    スタイルシート[CSS]/テキスト・フォント/文字の間隔を指定する - TAG index
    kjirouu
    kjirouu 2012/04/16
    IEでbrタグを連続させると正しく表示されなくなるバグへの対処方法, brタグ自体へ letter-spacing:0; を設定する, winバージョンによってはIE8でも発生する
  • word-wrap-スタイルシートリファレンス

    word-wrapプロパティは、W3Cで審議中の仕様をInternet Explorerが独自に採用したもので、 表示範囲内に収まりきらない単語がある場合に、単語の途中で改行するかどうかを指定するに使用します。 尚、日語の単語の途中で改行させたくない場合には、word-breakプロパティを使用してください。 word-wrapプロパティは、CSS3で標準採用されるかもしれません。 ■値 normal 単語の途中で改行はしません。この場合、必要に応じて表示範囲を拡大します。 break-word 必要に応じて単語の途中で改行します。 スタイルシート部分は外部ファイル(sample.css)に記述。 p.sample1 {width:150px; background-color:#99cc00; word-wrap: normal;} p.sample2 {width:150px; ba

    kjirouu
    kjirouu 2011/03/10
    半角英単語を単語の途中で改行してくれる word-wrap: break-word; IE8の他、FF3 / Chrome でも使えた | preやtableタグ内部だとFFで非対応だったりするらしい、細かい調査は→ http://blog.sakurachiro.com/2010/06/control-break/
  • IE6でよく遭遇するCSSのバグとその解決方法 | コリス

    Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する3つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが2倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが2倍になってしまうバグ IE6で、フロートした要素のマージンが2倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p

    IE6でよく遭遇するCSSのバグとその解決方法 | コリス
    kjirouu
    kjirouu 2011/02/04
    divのheightが20px未満にならない点の対応方法、font-size:0; か overflow:hidden; らしい、未検証
  • IE8正式版のみ適用するCSSハック│Web制作の現場から 〜入院、退院、そしてつまはじき〜

    年齢27歳、職業Web制作関連全般。右目が見えない僕に仕事は任せられない、と上司につまはじかれる日々。クビになるまであと、、、XX日。IE8の正式版がとうとうリリースされました。IE7もまだ普及してないのに何をしているんだろうという声も多数ありますがMSさんもあせってるんでしょうか。どうもこんにちは。 新しいブラウザがリリースされると問題になるのが、CSSハックの問題です。IE8がベータ版のときにいろいろと見つけられましたが、正式版では軒並み使えなくなってます(IE8だけ適用、というものが適用しなくなっている)。 そこでIE8のみに適用するCSSハックを考えました。 サンプルページ(成功していたら、IE8だけ字が青くなっているはずです) 以下のスタイルを指定しています。 html>/**/body p { color /*\**/: blue\9 } これはpに対して指定しましたが、pの部

    kjirouu
    kjirouu 2010/11/01
    IE8用CSSハック → html>/**/body p { color /*\**/: blue\9 }
  • 1