Jak naprawić błąd przeglądarki Internet Explorer 7, gdy używasz szerokości procentowej dla układu?

Pomóż mi w tym. Muszę utworzyć układ przy użyciu procentowych szerokości. Mam opakowanie o szerokości 100%.

Teraz mam DIV (główny wrapper .. Chcę zachować go na poziomie 94% szerokości .. 94% 100% ciała) .. dobrze dobrze

Aby to było proste.

-> BODY 100% zestaw szerokości

-> POJEMNIK 94% szerokości

---> PIERWSZE DZIECKO DIV 70% pływa w lewo (70% POJEMNIKA)

---> DRUGIE DZIECKO DIV 30% pływa w prawo (30% POJEMNIKA)

Ale mam 2 równe kolumny pod PIERWSZYM DZIECKIEM DIV

-----> 50% i 50% procent szerokości

Błąd jest następujący: w ie7 .. ostatnia kolumna jest wyświetlana na dole .. nie jest poprawnie pływająca .. Jeśli zmniejszę szerokość do 29,9% !!! to działa .. Myślę, że ie7 ma błąd w traktowaniu procentowych szerokości lub czegoś .. Proszę wyjaśnić to. Mam nadzieję, że masz problem, ponieważ css / html jest po prostu zbyt długi .. mam tylko nadzieję, że to wspólny problem .. :(

Oto CSS dla tego DIVa. Mam nadzieję, że to pomoże :)

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;
}

questionAnswers(4)

yourAnswerToTheQuestion