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