[html,css] Кнопка Улетает Вниз В Ie/chrome В Facebook Iframes. Помогит

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем msk1, 22 фев 2013.

  1. msk1

    msk1 New Member

    Регистрация:
    20 фев 2013
    Сообщения:
    0
    Симпатии:
    0
    Код нормально отображается при его вставке в JSFIDDLE и в Мозилле, и в IE.
    jsfiddle.net/cRqhT/127/

    (iFrames - это приложение, которое позволяет вставить любой HTML-CSS-Java код на страничке, который будет окружен рамкой фейсбука - сайт в сайте)

    Когда я тот же самый код пытаюсь вставить в iFrames в Facebook, то в Мозилле он нормально отображается, а в IE/Chrome scrollbar вниз улетает куда-то

    (iFrames - это приложение, которое позволяет вставить любой HTML-CSS-Java код на страничке, который будет окружен рамкой фейсбука - сайт в сайте)

    facebook.com/podstrigis/app_201742856511228



    Есть соображения как это исправить?

    Спасибо!

    HTML

    Код (Text):
    <html>
    <body>
    <div>
    <a id="button" href="http://mysite.com"></a>
    </div>
    </body>
    </html>
    CSS

    Код (Text):
    div {
    width: 810px;
    height: 810px;
    background: url('https://gator1174.hostgator.com/~mskparik/facebook/thx.jpg')
    }

    #button{
    display: block;
    width: 204px;
    height: 116px;
    background: url(https://gator1174.hostgator.com/~mskparik/facebook/111.png) no-repeat top left;
    position: absolute;
    top: 70%;
    left:5%;
    }
    #button:hover {
    background: url(https://gator1174.hostgator.com/~mskparik/facebook/222.png) no-repeat top;
    }
     

Поделиться этой страницей