Wiem, że ameryki nie odkryłem, ale jesli komuś zdarzy się, że ucieknie mu kolumna w lewo lub w prawo na ie6 a na operze lub mozilli bedzie ok to:
Internet Explorer do wersji 6 (ścierwo microsoftu którego uzywa 70% społeczeństwa) mnoży każdy margines stworzony w CSS z elementem FLOAT razy 2. np:
piszemy sobie : #content {float:left; width:570px; margin:20px; display:block }
ie6 potraktuje to w taki oto sposób : #content {float:left; width:570px; margin:40px; display:block }
z marginesu 20px zrobi nam 40px !!
Jak to obejsć - wystarczy dopisać zamiast display:block - display:inline. Wygląd strony nie zmieni się, ponieważ wszystkie elementy z float są traktowane przez przeglądarkę jako BLOCK. Poprawnie stworzony dla Microsyfu IE6 wygląda następująco:
