Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.02.2013, 23:20
Новичок на форуме
Отправить личное сообщение для msk1 Посмотреть профиль Найти все сообщения от msk1
 
Регистрация: 20.02.2013
Сообщений: 6

[HTML,CSS] Кнопка улетает вниз в IE/Chrome в Facebook iFrames. Помогите исправить
Код нормально отображается при его вставке в JSFIDDLE и в Мозилле, и в IE.
http://jsfiddle.net/cRqhT/127/

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

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

http://www.facebook.com/podstrigis/app_201742856511228

http://i.imgur.com/vn8PCP5.jpg

http://i.imgur.com/xyReKvK.jpg

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

Спасибо!

HTML

<html>
    <body>
        <div>
<a id="button" href="http://mysite.com"></a>
            </div>
        </body>
    </html>



CSS

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;
    }
Ответить с цитированием
  #2 (permalink)  
Старый 23.02.2013, 00:32
Новичок на форуме
Отправить личное сообщение для msk1 Посмотреть профиль Найти все сообщения от msk1
 
Регистрация: 20.02.2013
Сообщений: 6

Не актуально.

Помогли уже код подправить.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск