Горизонтальная полоса прокрутки появляется только в IE7 даже с переполнением: скрытый устанавливается

Question

Я бьюсь головой об этом.

У меня есть тревожная горизонтальная полоса прокрутки, которая появляется только при просмотре моего сайта в IE7:
http://www.regia.it

Я пыталсяи попытался предотвратить это, используя overflow:hidden на моих div с, но по какой-то причине я просто не могу найти причину проблемы.

Любая помощь очень ценится.

Answer 1

Это кажется странным. Я предполагаю, что вы не возражаете, если страница не прокручивается по горизонтали даже на маленьких экранах, поскольку вы пытались использовать:

body{overflow-x: hidden;}

В этом случае, если вы примените его к html, а не body, это должно сработать:

html{overflow-x: hidden;}

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

<!--[if IE 7]>
    Link to alternate style sheet
    OR
    <style> /*CSS in here*/ </style>
<![endif]-->

РЕДАКТИРОВАТЬ: Я нашел причину проблемы, поэтому нет необходимости использовать вышеуказанный обходной путь. Как я и подозревал, проблема была связана с абсолютным и относительным позиционированием.

Вам просто нужно удалить position:relative из .grid_2 и .grid_12, и полоса прокрутки исчезнет.

Answer 2

Я тоже столкнулся с этой неприятной проблемой. У меня был стол в div, и они были внутри внешнего div. Когда я удалил стиль, чтобы сделать внутреннюю ширину div: 100%, моя полоса прокрутки только для IE7 исчезла.

Надеюсь, это несколько полезно.