50% + 50% != 100%
Niedokładności w obliczeniach i zaokrąglaniu wielkości powodują, że czasem rzeczywista suma szerokości elementów jest większa, niż powinna i zmienia się wraz ze zmianą szerokości okna.
Np. może się zdarzyć, że dwa elementy mające 50% szerokości zajmują więcej niż element mający szerokość 100%. Przy układach zbudowanych w oparciu o float powoduje to nieprzewidywalne/nieregularne rozsypywanie się strony zależnie od szerokości okna.
Ten problem dotyczy wszystkich przeglądarek, ale w Internet Explorerze występuje szczególnie często.
Rozwiązanie
- Ustawić negatywny prawy margines ostatniemu elementowi z prawej strony
lub
- Zamiast uzyskiwać odstęp między kolumnami za pomocą bocznych marginesów, zmniejszyć ich szerokości i rozstawić je na boki za pomocą
float:left
ifloat:right
.
Zmodyfikowano: 21.08.2006, 09:15