مشکل با عرض iframe

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

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

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

نقل قول:

---

نوشته شده توسط kassit

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

---

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

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

نقل قول:

---

نوشته شده توسط emad_67

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

---

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%;

}

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

#WorkCell

{

 height: 100%;

 margin-right: 210px;

}

<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>