2011-04-14 15 views
2

恐ろしいCSS(たとえば、H1は約12ピクセル)で構成されていないCMSを使用しています。この病気のCSSに感染することなくコンテンツをロードするにはどうすればよいですか?コンテンツに影響を与えるCMSのCSSを停止するにはどうすればよいですか?

私はiframeを検討していましたが、可能であればCMSに保持したいと考えていました。フレームは機能しますか?

+2

どのCMSを使用していますか? CSSを修正できませんか? (またはカスタムCSSファイルを使用する) – Rhapsody

+0

他の多くのページが壊れる可能性があります:S – Mark

答えて

2

あなたは、あなたはそのクラス内のすべてをリセットするためのリセットスタイルシート(のようなEric Meyer’s)を適応させることができ、例えば<div class="content">(特定のクラスまたはIDを持つ要素の中にあなたのコンテンツを保つことができる場合は、次の

.content div, .content span, /* ...and so on */ 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

次に書きますあまりにもそのクラスで始まるすべてのあなたのスタイル、例えば

.content h1 { 
    font-size: 3em; 
} 

あなたではなく、デフォルトのブラウザのスタイル(というよりも、あなたがリセットスタイルシートを使用して取得unstyled設定)にすべてをリセットしたい場合、あなたはを適応させることができも同様の方法で(すなわち、すべてのセレクタにすべてのコンテンツを含む要素のclass/idをプレフィックスとして付けます)。

ドラッグのビットですが、フレームよりもファフのほうが少ないかもしれません。 (私はCMSがあなたのHTMLを生成すると仮定しているので、CSSファイルの問題を回避するよりフレームを使用するように変更するのは難しいでしょう)。あなたがしなければならない仕事の量、それを増やさないこと。

+1

私はこれを行うことができます...すべてをデフォルトにリセットする方法はありますか? – Mark

+0

@マーク:「デフォルト」の意味に依存します。スタイルシートをリセットするとデフォルトのブラウザスタイルが削除され、明示的に必要なすべてのスタイルが構築されます。代わりに、ブラウザのデフォルトを復元したい場合は、[Firefoxの内部html.cssスタイルシート](http://davidwalsh.name/firefox-internal-rendering-css)を取得することができます。これは特定のデフォルトのHTMLスタイルの由来です。代わりに私の提案した方法を使ってHTMLコンテンツに適用してください。 –

1

カスタムCSSクラスを読み込む可能性はありますか? CSSクラスをCMSのCSSクラスの後ろにロードしてオーバーライドする必要があります。

関連する問題