Как зафиксировать ошибку Internet explorer 7 при использовании ширин процента для расположения?

Проблема заключается в округлении субпикселей. Когда вы проектируете с использованием процентов, иногда математика не дает полных пикселей (70% от 721 пикселей составляет 504,7 пикселей). 721 произвольно, но, используя проценты, вы столкнетесь с произвольными числами. Этого нельзя избежать. Большинство браузеров находят для вас решение округления, которое не нарушает макет. IE7 (и старше) просто округляют. Округляя вверх, ваш контейнер шириной 721 пикселей будет включать одно поле размером 505 пикселей, а другое - 217 пикселей, всего 722 пикселей - более 100%. В этот момент IE решает, что второй ящик не подходит, и опускает его ниже.

Существуют различные решения в зависимости от вашей ситуации. У Николь Салливан есть интересное решение, основанное на использовании 'overflow: hidden;' в вашем последнем столбце, а не в комбинации с плавающей точкой и шириной. Я использую его, когда могу. Проверьте это здесь:

http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/

Другое решение, которое я нашел, когда «переполнение» просто wont cut it означает добавление небольшого отрицательного поля к последнему элементу в строке. Если вы плаваете влево, добавьте справа отрицательное поле в несколько пикселей. Плавая вправо, добавьте его влево. Я не столкнулся с какими-либо отрицательными эффектами от этого (хотя я был бы рад услышать, если другие).

Надеюсь, что это поможет. Ура.

Я не столкнулся с какими-либо негативными эффектами от этого (хотя я был бы рад услышать, если другие).

Надеюсь, что это поможет. Ура.

Я не столкнулся с какими-либо отрицательными эффектами от этого (хотя я был бы рад услышать, если другие).

Надеюсь, что это поможет. Ура.