1

ページへのリンクは次のとおりです。

この Web サイトのインデックス ページを IE6 で表示すると、Web ページのレイアウトの特定のセクションが壊れていることがわかります。悲しいことに、私のマネージャーは、サイトが IE6 での外観を維持することを望んでいます。「最新のツイート」と「お問い合わせ」は横一列に並んでいるはずですが、IE6 では「最新のツイート」の下に「お問い合わせ」が表示されています。この問題は、.gridクラスにフロートが適用されていることが原因だと思います。ただし、可能な場合はこれらのフロートをクリアしようとしました。これは、クリアを含めてレイアウトが壊れている、削除されたマークアップ構造です。

<div class="grid_4 alpha">
    <h2 class="text250 margbottom NG">Latest Tweets</h2>
</div>  

<div class="grid_8 omega">
    <h2 class="text250 margbottom NG">Contact Us</h2>
    <div class="grid_4 alpha">  
        <!--content-->                  
    </div>
    <div class="grid_4 omega">
        <!--content-->  
    </div>  

    <div class="clear">&nbsp;</div> 

    <div class="grid_4 alpha">
        <!--content-->  
    </div>
    <div class="grid_4 omega">
        <!--content-->  
    </div>  

    <div class="clear">&nbsp;</div>     
</div>
<div class="clear">&nbsp;</div>

問題の画像は次のとおりです。

4

0 に答える 0