Проверьте http://campbellcustomcoatings.com/ не в IE7, а затем в IE7. Вы можете видеть, что в IE7 кнопка «Мне нравится» в Facebook расположена справа и вверх. Я хотел бы нажать его в IE7, как и в любом другом браузере. Я пытался больше часа, и я не могу заставить его сдвинуться с места.
Должно быть простое исправление IE7 css, но я не могу понять
comment
Я поместил IE8 в режим совместимости (что-то вроде имитации IE7), потому что у меня нет IE7, и кнопка «Нравится» просто исчезла. Я думаю, у вас может быть больше проблем, чем просто CSS.
- person rockerest schedule 08.06.2011
comment
Попробуйте снова. Я просто вносил некоторые изменения и кое-что испортил. Теперь он должен снова работать.
- person Catfish schedule 08.06.2011
Ответы (3)
Я изменил следующее для IE7, и, похоже, кнопка разместилась в том же положении, что и в Chrome.
#fblike {
margin-left:57px;
margin-top:10px;
}
Я думаю, что проблема связана с плавающими <li> элементами. Если вы выделите элементы с помощью браузера Chrome DOM (F12, затем выберите вкладку Elements), вы увидите, что, поскольку плавающие элементы существуют, "nav", "container" и "fblike " <div> не обязательно содержат все дочерние элементы. Вы можете создать горизонтальную навигацию без использования поплавков. Помимо списка есть хорошая статья о списках, которая может помочь решить проблемы с отображением в разных браузерах (которые я я всегда получаю с поплавками!)
person
andyb
schedule
19.06.2011
Просто добавьте левое и верхнее поле в iframe. чтобы сделать это только для IE7, выполните:
*margin-top:20px; /*20 looked good for me */
*margin-left:20px;
Имейте в виду, что это не будет считаться законным CSS (по крайней мере, я так не думаю), но другие браузеры будут игнорировать его, и он отлично работает.
person
Thomas Shields
schedule
08.06.2011
У меня есть таблица стилей IE7, и я уже пробовал это. Ничего не делает.
- person Catfish; 08.06.2011
@Catfish, насколько я вижу, вы пробовали это на родительском
div ... вы пробовали это на настоящем iframe?
- person Thomas Shields; 08.06.2011
@Сом интересный. Он работает, когда я применяю его из инструментов разработчика IE. Я заинтригован. продолжает возиться
- person Thomas Shields; 08.06.2011
@Catfish, а как насчет применения некоторых дополнений, специфичных для IE, к родительскому div? (если это сработает, я отредактирую ответ)
- person Thomas Shields; 08.06.2011
Я точно знаю, о чем вы говорите, потому что у меня такая же проблема. Кнопка выглядит иначе (размер и положение) в разных версиях IE, чем в других браузерах.
Однако вы не можете изменить или применить CSS к плагину Facebook Like Box, поскольку его содержимое содержится в элементе <iframe>, поступающем с сервера Facebook.
Единственные варианты стиля, которые у вас есть, — это те, которые предоставляет вам Facebook.
https://developers.facebook.com/docs/reference/plugins/like-box/
Больше информации:
Встроенный Facebook Like-Box не позволяет мне стилизовать его . Почему?
Добавление CSS в блок "Нравится" на Facebook
person
Sparky
schedule
17.06.2011
Я думаю, мне просто нужно установить стили для div, который я поместил вокруг IFrame, и я думаю, что это должно работать, но я не могу понять это наверняка.
- person Catfish; 17.06.2011
@Catfish: Да, у меня есть мой в контейнере div, но у него есть цвет фона. Таким образом, мой контейнер всегда отображается в одном и том же положении, даже если кнопка внутри перемещается или изменяется.
- person Sparky; 17.06.2011
тогда вы не можете применить стили к iframe?
- person Catfish; 17.06.2011
@Catfish: я считаю, что стили
<iframe> ограничены тем, что позволяет FB, размером и т. д. Контейнер имеет фиксированную ширину с динамической высотой, отступами, цветным фоном и закругленными углами. <iframe> находится внутри с фиксированной шириной и высотой.
- person Sparky; 17.06.2011
