2012-03-28 47 views
0

嗨弹出,创建与汽车的宽度和高度

我想创建一个弹出,其内容将来自外部的,我希望把他们的内容在popup.I的iframe标签是不知道有多少内容会来,它会是大数据或小数据。所以我想要实现的是,弹出窗口宽度&高度应该自动调整为内容的宽度和高度,如果内容太大(如果它超过了身宽和高度),内容div标签必须自动滚动....有没有办法实现...代码是赞赏...

这里是我的代码,我相信会的工作(但它不是给予适当输出)

<style> 
#irmNPopupContainer{ 
    display:inline-block; 
    border:8px solid rgba(0,0,0,0.4); 
    border-radius:8px;  
    } 
    #irmNPopupHdr{ 
    height:30px; 
    width:100%; 
    background:#e4e4e4; 
    } 
    #irmNPopupHdr span:first-child{ 
    padding:0px 0px 0px 5px; 
    font-weight:bold; 
    color:#333333; 
    } 
    #irmNPopupHdr span:last-child{ 
    position:absolute; 
    right:2px; 
    top:2px; 
    cursor:pointer; 
    } 
    #irmNPopupContent iframe{ 
    width:100%; 
    height:100%; 
    } 
    </style> 

<body> 
    <div id="irmNPopupContainer"> 
    <div id="irmNPopupHdr"><span>Agreement Search</span><span><img src="badge_cancel_32.png"></span></div> 
    <div id="irmNPopupContent"> 
     <iframe src="http://www.w3schools.com" frameborder=0> 
     </iframe> 
    </div> 
    </div> 
</body> 

回答

1
  1. y不你使用表而不是divs?
  2. 你是否也想设置iframe的高度和宽度?如果是,那么你需要使用easyxdm插件来调整大小ifrmae这里是一个插件链接(这将适用于跨域,如果域相同,则不需要插件,你可以通过JS代码设置宽度和高度。) http://easyxdm.net/wp/2010/03/17/resize-iframe-based-on-content/