internet explorer - iframe zoom issue -

-

i attempting cross-browser css zoom work, have found here isn't working me.

here have:

html

<div id="themeframe"> <div class="themeframe-overlay"></div> <iframe src="/index.php"></iframe> </div>

css

#themeframe{ position:relative; width:520px; height:400px; margin-top: 20px; border: none; overflow: hidden; }  #themeframe .themeframe-overlay{ position:absolute; z-index:95; left:0;top:0; height:100%;width:100%; background:#fff; opacity:0; filter: alpha(opacity = 0); }   #themeframe iframe { width:1040px; min-height: 800px; overflow: hidden; -moz-transform: scale(0.5); -moz-transform-origin: 0 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; -ms-transform: scale(0.5); -ms-transform-origin: 0 0; margin: 0; padding:0; border: none; }

what trying achieve? have 520 x 400 div want filled 50% scaled version of webpage. shown above, have issues in ie, div/iframe correct size, webpage inside 100%, not 50%. working in every other browser. if add zoom:0.5; iframe css, fixes in ie, breaks in chrome.

i having trouble getting work in ie, chrome, safari, , firefox @ same time.

any thoughts?

found answer, @ least worked me. part of answer used following steps found here.

first, arrange html (i'm bad @ arranging code on site):

<div id="themeframe">     <iframe src="/index.php" id="frame" width="794" height="1550"></iframe > </div>

then css looks this:

#themeframe {     overflow: hidden;     position: relative;     width:800px;     height:850px;     -ms-zoom: 0.75; }   #frame {     position: absolute;     overflow-x: hidden;     top: -300px;     -moz-transform: scale(0.75);     -moz-transform-origin: 0 0;     -o-transform: scale(0.75);     -o-transform-origin: 0 0;     -webkit-transform: scale(0.75);     -webkit-transform-origin: 0 0;

the changes i'll point out are:

  1. i wrapped iframe in div called themeframe

  2. i gave iframe id style in css.

  3. i used -ms-zoom on wrapping div of themeframe not within iframe. because ie scale whole iframe set zoom size, not content within (which chrome , firefox do). important use -ms-zoom in css , not zoom since chrome go crazy , pay attention both zoom , -webkit if don't make ms distinction.

hope helps. works me in chrome, ff , ie8.


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more