Странная ошибка IE7 - может быть, проблема с плавающей точкой?

Question

Вот мой сайт: http://smartpeopletalkfast.co.uk/ppr14/

В IE7 иногда последняя ссылка в меню «контакт» опускается на следующий уровень, а в других случаях это не так.

Если я изменяю размер окна браузера, оно неоднократно выпрыгивает из строки, как положено, и нажимает последнюю ссылку вниз. Странная вещь в том, что она не правильная / неправильная при определенной или более определенной ширине, она продолжает прыгать, когда я меняю размер.

У кого-нибудь есть идея, почему это происходит? Я никогда не слышал об ошибке, как это раньше. Спасибо

Answer 1

Насколько я знаю, это, к сожалению, ошибка в том, как IE7 распределяет ширину в процентах.Я предполагаю, что IE7 просто округляет ширину элементов до ближайшего пикселя.Таким образом, например, когда общая ширина равна 25, 26, 27, ширина округляется вниз, и все элементы хорошо вписываются в родительский элемент.Однако, если ширина равна 28 или 29, ширина округляется в большую сторону, что в итоге превышает ширину родительского элемента, толкая последний элемент вниз.так что даже когда они округляются вверх, они не будут толкать последний элемент вниз.Например, просто установив ширину на 19%, следует убедиться, что все элементы находятся в одной строке даже в IE7.Естественно, элементы не будут идеально равномерно центрированы после этого, но вероятно ли это будет замечено?(Вы можете также использовать пустые элементы в начале и в конце, чтобы выровнять его, но это немного сложнее)