как вписать iframe, не зная его размеры, в td

Ex_Soft · February 12, 2009


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
   <head>
      <title>main</title>
   </head>
   <body>
      <table style="width: 100%; " cellspacing="0" cellpadding="0" border="1">
         <tr>
            <td style="background-color: green">
               <iframe id="IFrame1" name="IFrame1" src="iframe1.html" hspace="0" vspace="0" frameborder="0" border="0" framespacing="0" marginwidth="0" marginheight="0" style="border-style: solid; border-width: 0px; width: 100%; height: 100%" width="100%" height="100%"></iframe>
            </td>
         </tr>
         <tr>
            <td>
               Blah-Blah-Blah
            </td>
         </tr>
      </table>
   </body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
   <head>
      <title>iframe1</title>
   </head>
   <body style="background-color: blue">
      <table style="width: 100%; " cellspacing="0" cellpadding="0" border="1">
         <tr>
            <td style="background-color: red">
               <fieldset><legend> Legend </legend>
                  Blah-Blah-Blah
               </fieldset>
            </td>
         </tr>
      </table>
      <hr>
   </body>
</html>

td - отрабатывает по-честному: автоподгоняясь под размер iframe. td.clientHeight=150 и у iframe.clientHeight=150. Но тогда почему iframe получается такой большой: у его table.clientHeight=62. На ум приходит что-то а-ля "минимальный размер iframe", но там, ЕМНИП, 100x100 каж-цо... Или это я с прямым углом (размерами window) попутал... В общем - синего, после hr, не должно быть.

А по человечески: нужно в аккурат вписать iframe, не зная его размеры, в td.

Great Rash · February 13, 2009

Вообще ничего не понятно, в коде разбираться лень, да и к чему два кода хтмл'ных... короче ничего не ясно в вопросе... потому наверное и ответа ни одного.

Из того, что понял:

1. А размер ячейки разве не известен? Ну уж через яваскрипт его точно можно найти...

2. Не придумал, что тут написать... поэтому написал тут всякую лабуду, чтобы цифра "1" не выглядела тупо.

solovets-denis · February 13, 2009

>> А по человечески: нужно в аккурат вписать iframe, не зная его размеры, в td.

Ex_Soft · February 13, 2009

Вообще ничего не понятно, в коде разбираться лень... Не придумал, что тут написать... поэтому написал тут всякую лабуду

/me думает: лучше уж вообще ничего не писали...

<iframe height="100%" frameborder="0" width="100%" name="content" marginheight="0" hspace="0" vspace="0" src="index.html"/></iframe>

Что Вы этим хотели сказать?

А по теме:

main.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
	<head>
		<title>main</title>
		<script type="text/javascript">
<!--
function OnLoad()
{
	var
		Ctrl,
		CtrlOut;

	if(!(Ctrl=document.getElementById("IFrame1")))
		return;

	Ctrl.style.height = ("height" in Ctrl.contentWindow.document ? Ctrl.contentWindow.document.height : Ctrl.contentWindow.document.body.scrollHeight)+"px";
	if("overflowY" in Ctrl.style)
		Ctrl.style.overflowY="hidden";
	else
		Ctrl.style.overflow="hidden";

	if(Ctrl.contentWindow.document.height
		&& (CtrlOut=document.getElementById("SpanDocumentHeight")))
		CtrlOut.innerHTML=Ctrl.contentWindow.document.height;

	if(CtrlOut=document.getElementById("SpanDocumentBodyClientHeight"))
		CtrlOut.innerHTML=Ctrl.contentWindow.document.body.clientHeight;

	if(CtrlOut=document.getElementById("SpanDocumentBodyOffsetHeight"))
		CtrlOut.innerHTML=Ctrl.contentWindow.document.body.offsetHeight;

	if(CtrlOut=document.getElementById("SpanDocumentBodyScrollHeight"))
		CtrlOut.innerHTML=Ctrl.contentWindow.document.body.scrollHeight;
}
// -->
		</script>
	</head>
	<body onload="OnLoad()">
		<table cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td style="background-color: green">
					<iframe id="IFrame1" name="IFrame1" src="iframe.html" hspace="0" vspace="0" frameborder="0" border="0" framespacing="0" marginwidth="0" marginheight="0" style="border-style: solid; border-width: 0px; width: 100%; height: 100%;" width="100%" height="100%"></iframe>
				</td>
			</tr>
			<tr>
				<td>document.height=<span id="SpanDocumentHeight"></span></td>
			</tr>
			<tr>
				<td>document.body.clientHeight=<span id="SpanDocumentBodyClientHeight"></span></td>
			</tr>
			<tr>
				<td>document.body.offsetHeight=<span id="SpanDocumentBodyOffsetHeight"></span></td>
			</tr>
			<tr>
				<td>document.body.scrollHeight=<span id="SpanDocumentBodyScrollHeight"></span></td>
			</tr>
			<tr>
				<td>Blah-Blah-Blah</td>
			</tr>
		</table>
	</body>
</html>

iframe.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
	<head>
		<title>iframe1II</title>
	</head>
	<body style="background-color: blue">
		<table cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td style="background-color: red">
					<fieldset><legend> Legend </legend>
						Blah-Blah-Blah
					</fieldset>
				</td>
			</tr>
		</table>
		<hr>
	</body>
</html>

Несколько замечаний:

1. У меня страничка, которая в iframe, м.б. включена во множество страниц. По сему - идти снизу вверх посчитал нецелесообразным. Спасение утопающих - дело рук самих утопающих. Хай, кто вставляет, тот и мучицо...

2. В Mozilla 1.7.13, Mozilla Firefox 3.0.6 значение document.body.scrollHeight как-бы ближе к правде. Но стоит только сделать style.height=document.body.scrollHeight все слетает в тартарары. Видать там по set'еру какое-то зацикливание/раздвояйцевание происходит.

Sign In

как вписать iframe, не зная его размеры, в td

Question

Ex_Soft

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

solovets-denis

Link to comment

Share on other sites

Ex_Soft

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information