Работа с фреймами

Makeda · August 12, 2012

Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения.

Наткнулся на такой код в интернете


<iframe src = "Photo.html" name = "photo" 

style = 'width: 79%;'
        frameborder = 1
        marginheight = 0
        onload = 'o=this.contentWindow.document.body;
                 this.style.height = o.scrollHeight;
                 this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'>

</iframe>

Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему.

И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту.

Заранее благодарю за ответ.

wwt · August 13, 2012

http://dklab.ru/chicken/nablas/58.html про изменение размера

А отступ от контента до границы ифрейма задается паддингом.

Makeda · August 13, 2012

Спасибо за ссылку, пока с JS не знаком. Буду разбираться.

Возник вопрос по работе с padding-top.

Создал фрейм.


<iframe src = "Title.html" 
        name = "title" 
		width = "100%" 
		height = "12%" 
		scrolling = "no"
	>
</iframe>

В Title.html не устанавливается отступ padding-top, padding-left устанавливается.


<style>

.text {

      font-size: 14 pt;
	  font-family: "Verdana", sans-serif;
	  color: gray;
	  padding-left: 120 px;
	  padding-top: 20 px;
       }

</style>

<body>

<a class = "text"> Text </a>

</body>

В чем может быть причина?

wwt · August 14, 2012

padding это отступ вокруг содержимого элемента. Если нужно задать отступ во фрейме то и padding соответственно прописывай не на странице контента, а самому фрейму.


iframe {padding:10px;}

По поводу верхнего и нижнего отступов у тега A, этот тег является встроенным (display:inline), и хотя паддинг можно прописать для всех 4 сторон влияние на окружающие елементы будут оказывать только левый и правый отступы. Для того чтобы заработали вертикальные нужно изменить свойство display на inline-block либо на block в зависимости от нужды.

Sign In

Работа с фреймами

Question

Makeda

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

wwt

Link to comment

Share on other sites

Makeda

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information