Должно быть простое исправление IE7 css, но я не могу понять это

Question

Проверьте http://campbellcustomcoatings.com/ в чем-то отличном от IE7, затем в IE7. Вы можете видеть, что в IE7 кнопка «Мне нравится» на Facebook расположена вправо и вверх. Я хотел бы опустить его в IE7, как и в любом другом браузере. Я пробовал больше часа и не могу сдвинуться с места.

Answer 1

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

#fblike {
    margin-left:57px;
    margin-top:10px;
}

Я думаю, что проблема исходит от всплывающих <li> элементов.Если вы выделите элементы с помощью браузера Chrome DOM ( F12 , а затем перейдите на вкладку Elements ), вы увидите, что поскольку плавающие элементы существуют, "nav", "container" и "fblike" <div> s не строго содержат все дочерние элементы.Вы можете создать горизонтальную навигацию без использования поплавков.Помимо списка, есть хорошая статья о списках , которая может помочь в кросс-браузерных проблемах с рендерингом (которые я всегда получаю с плавающей точкой!)

Answer 2

Я точно знаю, о чем вы говорите, так как у меня та же проблема.Кнопка выглядит по-разному (размер и положение) в разных версиях IE, чем в других браузерах.

Однако вы не можете изменять или применять CSS к плагину Facebook Like Box, поскольку его содержимое содержится в элементе <iframe>с сервера Facebook.

Доступны только те стили стилей, которые предоставлены вам Facebook.

https://developers.facebook.com/docs/reference/plugins/like-box/

Подробнее:

Встроенная Facebook Like-Box не позволит мне оформить ее.Почему?

Добавление CSS в Facebook Like Box

Answer 3

Просто добавьте немного левого и верхнего полей в iframe.чтобы сделать это только для IE7, выполните:

*margin-top:20px; /*20 looked good for me */
*margin-left:20px; 

Имейте в виду, что это не будет проверяться как легальный CSS (по крайней мере, я так не думаю), но другие браузеры проигнорируют его, и этоработает отлично.