2012-04-03 5 views
3

私はthis siteのデバッグを行い、Internet Explorerで発生するいくつかの問題を解決しようとしています(大きな驚き)。Internet Explorer 8で生成されたコンテンツのテキストの整列

次のように私はいくつかのリンクにサブタイトルを追加している:すべての最新ブラウザ(とIE9)で

.subtitle a:after { 
    content:"The Subtitle Here"; 
} 

をコンテナがtext-align:center;を使用しているため、コンテンツを中央揃えです。しかし、IE8で "The Subtitle Here"は左に流されます。

CSSでそれを制御する方法はありますか?

ありがとうございました。

+3

このようなテキストを 'css:after'に配置することは結局はあまりいいことではありません。 – kirilloid

+0

一般的にこれは当てはまりますが、テキストが本当にデザイン要素である場合は問題ありません。装飾的なテキストはスタイルレイヤのCSSに属します。 – emersonthis

答えて

5

は、あなたが簡単にそれを行うことができ判明:私はIE9を推測し、他のブラウザは:afterコンテンツのためtext-alignプロパティを継承し

.subtitle a:after { 
    text-align:center; 
} 

...

は、私が追加されたコンテンツをターゲットにし、別のスタイルルールを追加しましたが、 IE8はありません。 IEは常に興味深いものです...

0
text-align:center 

私のためには機能しませんでした。これは私がIE8で修正された方法です。 (私はIE8のために別々のスタイルシートを持っている)

.printIcon:after { 
    content: "Print" !important; 
    text-align: center !important; 
    margin-top: 25px !important; 
    position:relative !important; 
    left:25px !important; 
} 

enter image description here

これは誰かに役立ちます願っています。

0

私が持っていた根本的な問題のため、上記の回答はどちらも私にとっては役に立ちませんでした。明らかにIE8は::afterをサポートしていません。:afterに変更され、意図した通りに機能しました。

値を確認してください!

関連する問題