مشکل با عرض iframe

[amirferdowsi]

سلام
دوستان عزیز من در یک صفحه از iframe داخل یک Div استفاده کردم اما زمانی که خصوصیت Width تگ iframe رو 100% قرار میدم عرض اون از عرض Div بیشتر شده و تمام عرض صفحه رو پر می کنه ، حالا میخواستم بدونم که باید چیکار کنم تا عرض iframe تمام عرض Div رو پر کنه ؟

ممنون میشم من رو در این زمینه راهنمایی بفرمائید .

[امید امرایی]

احتمالا شما خاصیت width تگ والد یعنی div رو تعیین نکردید
اگه کد خودتون رو قرار بدید بهتر می شه بررسی کرد

[amirferdowsi]

احتمالا شما خاصیت width تگ والد یعنی div رو تعیین نکردید
اگه کد خودتون رو قرار بدید بهتر می شه بررسی کرد

سلام
دوست عزیز از توجه و راهنمایی شما ممنونم ، من در این صفحه سه تا Div در کنار هم دارم که دوتا از اینها عرض ثابت دارند ولی Div آخر که در آن از iframe استفاده کردم عرض ثابت نداره و باید با تغییر اندازه مرورگر و یا تغییر رزولیشن صفحه ، اندازه آن هم تغییر کنه . این هم عرض کنم که این مشکل فقط در مرورگر Firefox بوجود میاد .
با تشکر

[emad_67]

کدت رو بزار اینجا

[amirferdowsi]

کدت رو بزار اینجا

HTML


<div style="height: 100%;width: 100%;">
<div id="MenuCell">
<iframe name="Menu_Frame" src="2" height="100%" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="yes"></iframe>
</div>
<div id="SplitBar">
<div class="SplitBar">

</div>
</div>
<div id="WorkCell">
<iframe name="Work_Frame" src="1" height="100%" width="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</div>
</div>


CSS


#MenuCell
{
float: right;
height: 100%;
width: 200px;
}
#SplitBar
{
background-image: url('../../Images/Main/SplitBar.png');
background-position: right top;
background-repeat: repeat-y;
float: right;
height: 100%;
width: 9px;
}
#WorkCell
{
height: 100%;
}

[emad_67]

شما وقتی 1 div رو float میکنی اون div از جریان کلی صفحه خارج میشه. الان شما هم برای 2 تا div سمت راست همین کار رو کردی. بنابراین div سمت چپ کل عرض صفحه رو در بر میگیره. برای حل مشکل باید با margin فاصله اونو تنظیم کنی:


#WorkCell
{
height: 100%;
margin-right: 210px;
}

[blue jay]

<scriptlanguage="JavaScript">
<!--
function calcHeight() {
//find the height of the internal page
var the_height =
document.getElementById('iframe1').contentWindow.
document.body.scrollHeight;
//change the height of the iframe
document.getElementById('iframe1').height =
the_height;
}
//-->
</script>
<iframewidth="650"id="iframe1"name="frame1"
onLoad="calcHeight();"
src="Orgframe.aspx?Page=Default&pgId=1"
scrolling="no"
frameborder="1"
height="1">
</iframe>