2012-04-30 3 views
0

, поэтому я пытаюсь использовать виджет TFL на моем мобильном сайте jQuery, однако он крошечный. Я пробовал устанавливать высоту и ширину с помощью CSS, но он не работает, я хочу, чтобы он покрывал всю страницу. Я также попытался использовать обе версии на веб-сайте TFL, фиксированную ширину и ширину переменной, но никто из них не работал должным образом.Как сделать виджет tfl больше на сайте

Любая помощь по этому вопросу была бы действительно оценена.

спасибо.

Извините, что форматирование перепуталось. Вот мой код:

<html> 
    <head> 
<title></title> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">  </script> 
<link rel="stylesheet" href="css/style.css"> 
    </head> 
<body> 
<div data-role="page"> 

    <div data-role="header"> 
     <h1>Page Title</h1> 
    </div> 

    <div data-role="content"> 
     <div class="tflwidget"> 
<script language="JavaScript" src="http://www.tfl.gov.uk/tfl/syndication/widgets/serviceboard/embeddable/serviceboard-iframe-stretchy.js"></script></div> 

    </div> 

    <div data-role="footer" style="position:absolute; bottom: 0; left:0; right:0"> 
     <h4>Footer</h4> 
    </div> 




</div> 

</body> 
</html> 

ответ

0

Ну вы не будете делать на IFRAME с помощью CSS. Вы хотите явно установить атрибуты высоты и ширины iframe, 100% может быть правильным значением, если родительский элемент достаточно большой.

+0

Спасибо за ответ! но как мне это сделать, поскольку у меня есть только ссылка на исходный javascript, и я не могу это изменить. – user1214037

Смежные вопросы