make content iframe inside accordion panel responsive

[Opan Mustopah]

hello again,

just like my subject post, how to do that?

i already try this in my css file:

Code:

.container-iframe{
  position: relative;
  overflow: hidden;
  height: 100%;
}

.container-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

and then my snippet code:

Code:

.easyui-accordion{"data-options"=>"multiple:true,border:true"}
			.container-iframe#panel1{title:'Admin Modul',"data-options"=>"collapsed:false"}
				%iframe{frameborder: '0',name: 'admin_ms_modul',id:'admin_ms_modul',src: "#{admin_ms_moduls_path(:prm => "#{params[:prm]}")}",height: "450",width: "100%",scrolling:'no'}
			.container-iframe#panel2{title:'Admin Modul Navigasi',"data-options"=>"collapsed:false"}
				%iframe{frameborder: '0',name: 'admin_ms_modul_navigasi',id:'admin_ms_modul_navigasi',src: "#{admin_ms_modul_navigasis_path(:prm => "#{params[:prm]}")}",height: "450",width: "100%",scrolling:'no'}  

thanks in adnvace