0

私はこの数日間、このサイトを何よりも立ち上げたいと思っているので、この問題を克服するために一生懸命努力しました。私は先週かそこらでこれを開発していて、私は私の特定の好みのブラウザ、グーグルクロームを使用しています。はい、大きな間違いです！

とにかく、ここに私がすべての近くにどのように見せたいかを示すデモサイトがあります（場違いなものについての謝罪、まだ完全には終わっていません！）：http ://www.weburton.co.uk/content /デモ/

ソーシャルエリアが見えますか？Chromeでは正しく表示されます。まさに私が望む通りです。IEではdiv領域が表示されますが、Twitter側のテキストなどのスタイルの問題がいくつかあります。

ただし、他のブラウザではdiv領域は完全に無視されているようです。それは奇妙な問題です、私はそれを認めます。私はそれらを背景画像（selenasocial）を持つdivに入れてから、他のdivをフローティングにします。コード（CSS）は次のとおりです。

#selenasocial {
background: url(images/wls/social-bg.jpg) no-repeat top center;
    display: inherit;
width: 100%;
min-height: 263px;
z-index: 555;
border: none; 
    overflow:auto;}

.selenasocial {
background: url(images/wls/social-bg.jpg) no-repeat top center;
    display: inherit;
width: 100%;
min-height: 263px;
    z-index: 255;
border: none; 
    overflow:auto;}

.selenasocial img {
border: none;}

.twitsocial {
float: left;
width: 480px;
padding-top: 10px;
text-align: center;
border: none;}

.facesocial {
float: left;
width: 480px;
padding-top: 10px;
text-align: center;
border: none;}

そしてこれがHTMLです。私はウィジェットを使用しています（そうです、それらはfunctions.phpで正しくスタイル設定されています）：

<!-- Selena Gomez Social Networks -->

<div class="selenasocial">


<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Social Sidebar") ) : ?> <?php   endif;?>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Social Sidebar 2") ) : ?> <?php   endif;?>
</div>

上記のCSSを別のIE.cssファイルにコピーすることで、IEのエラーを克服しました（そこでも発生していました）。IEよりも飛躍的に進んでいる2つのブラウザーがメインのCSSファイルから読み取らない理由がわかりません。

どんな助けでも大歓迎です-私は過去数日間これについて私の髪を引き裂いてきました。

前もって感謝します！

4

1 に答える 1

0

あなたのコード（あなたが投稿した部分）には（技術的に）何も問題はありません。あなたは両方のfloatプロパティを左に設定していますが、これはあなたが望むものではないと思いますが、それは他のプロパティが無視される理由を説明していませんでした。

私はあなたの4700行のCSSファイルを読んで何が悪いのかを見つけることはしませんが、あなたがそれを自分で行うのを手伝うように努めます。

私が最初にしたことは、firebugで投稿したCSSコードを探し出すことでしたが、驚いたことに、そこにはありませんでした。CSS firefugの最後の行は、これである902番目でした。

    .clearfix {
        zoom: 1;
    }

実際、firebugはそのズームを表示しませんでした（角かっこは空でした）。そこで、CSSファイルに直接アクセスして調べ、なぜこのような標準化されていないプロパティを使用するのか疑問に思った後、次の行をチェックして、907行目に括弧ではなく括弧があることを確認しました。

このようなエラーを見つけた後、CSSファイルでCSSバリデーターを実行しましたが、結果はあまり良くありませんでした。これらのエラーを修正すると、Firefoxはそれを適切に描画します。

間違ったCSSファイルを解釈するIEとChromeの機能が実際に良いか悪いかを判断することはここでは説明しませんが、間違いを見つけて修正する方法を学ぶことは、より厳密なブラウザーで動作させるのに役立ちます。

于 2012-06-21T22:35:48.893 に答える