23

これで私を助けてください。パーセンテージ幅を使用してレイアウトを作成する必要があります。100% 幅のラッパーがあります。

これで、DIV (メイン ラッパー.. 94% 幅のパーセンテージを維持したい.. 100% ボディの 94%) ができました。

これを簡単にするために。

-> BODY 100%幅設定

--> コンテナ 94% 幅

---> FIRST CHILD DIV 70% float left (コンテナの 70%)

---> 2 番目の子 DIV 30% フロート右 (コンテナの 30%)

しかし、FIRST CHILD DIVの下に2つの等しい列があります

-----> 50% および 50% パーセンテージ幅

バグは次のとおりです: ie7.. では、最後の列が下部に表示されます.. 適切にフローティングされません.. 幅を 29.9% に減らすと !!! それは動作します..パーセンテージ幅または何かを扱う際にie7にバグがあると思います..これについて明確にしてください。css / htmlが長すぎるので、問題が解決することを願っています..一般的な問題であることを願っています.. :(

これがこの DIV の CSS です。お役に立てば幸いです :)

body {
width: 100%;
background: #fff;
text-align: center;
font-size: 12px;
}

#wide-primary {
background: #fff url(img/shadow1.png) repeat-x top;
position: relative;
top: -1px;
}

#primary {
width: 94%;
margin: 0 auto 0 auto;
text-align: left;
}

#features {
float: left;
width: 70%;
padding: 2% 0 0 0;
}

.featurebox {
float: left;
width: 48%;
padding: 0 2% 3% 0;
}

#lastnews {
float: right;
width: 30%;
padding: 2% 0 2% 0;
}
4

4 に答える 4

8

これに対する簡単な解決策は次のとおりです。

div {
*min-width: 100%;
}

IE7でテスト済み。

于 2012-02-10T10:18:50.213 に答える
0

これは、IE 7でその問題を修正するために使用しているものです。

<!--[if IE 7]>
    <style>
        body {
        padding:0 1% 0 0;
        width:101%;
        }
    </style>
<![endif]-->
于 2013-11-01T18:14:49.077 に答える