-4

コードが大きくなるにつれて、中間コンテンツがますます多くのタグ、特にdivに配置されていることに気付きました。これらのいくつかは重複しているように見えますが、それらのいずれかを変更しようとすると、レイアウトが壊れます。

これは問題の私のストリップされたコードです：http： //jsfiddle.net/aBbtN/77/

具体的には、私の中間コンテンツは次のように囲まれています。

    <div id="ie6-container-wrap">
        <div id="container" class="thin_width">
            <div class="full_width">
                <div id="content">               
                    <div class="lft dc2">
                    LEFT SIDEBAR
                    </div>
                    <div class="rgt dc4">
                    RIGHT SIDEBAR
                    </div>
                    <div id="col-main">
                    FINALLY - SOME CONTENT!
                    </div>
                </div>
            </div>                    
        </div>
    </div>

私の質問は、divを含むものの1つを削除しても、レイアウトが正しく機能する機会はありますか？

4

2 に答える 2

3

ここで質問するのは適切ではありませんが、とにかく答えます。

ええ、必要のない div があります。使用する代わりに<div id="ie6-container-wrap"> 、別の条件付きコメントを使用します<head>

お気に入り

<!--[if lte IE 6]><head class="ie6"><![endif]-->
<!--[if !IE]><head><![endif]-->

または、IE6 のサポートを中止してください。

全幅の div は必要ありません。代わりに、container を width:100%; に設定してください。

また、HTML5 を使用して、サイドバーの div を次のように置き換えることもできます<aside id="side1"></aside>

編集:これは、使用して同じ結果を得ることができるものです。

<!DOCTYPE HTML>
<!--[if lte IE 6]><head class="ie6"><![endif]-->
<!--[if !IE]><head><![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Title</title>
</head>

<body>
        <div id="container" class="thin_width">
                <div id="content">               
                    <aside class="lft dc2">
                    LEFT SIDEBAR
                    </aside>
                    <aside class="rgt dc4">
                    RIGHT SIDEBAR
                    </aside>
                    <div id="col-main">
                    FINALLY - SOME CONTENT!
                    </div>
                </div>

        </div>

</body>
</html>
于 2012-10-08T17:32:14.940 に答える
-1

がデフォルトで全幅になっているのに、なぜ にクラスがあるのですか'full_width'?<div><div>

たぶん、<div>あなたはそれを取り除くことができます。

于 2012-10-08T17:22:45.793 に答える