Hi,
We have a webserver that runs departmental home pages, within an iframe it pulls back the school website, overlayed on that, I have some menu's and drop down resources.
Recently our website has been updated (by external company), and now the landing page needs zooming out to 25% to fit the content of the iframe on the page correctly. Obviously in doing this, the rest of the site goes tiny and any sub pages.... well you get the idea.
I've amended the CSS to reduce the iframe size to 25% and in internet explorer it now works perfectly. However, this is not reflected in Chrome. Annoyingly (for this problem), we have a lot of users that fluctuate between these two browsers and I need it to work in both.
Can anyone advise how I would amend this coding in order for this to be applicable in Chrome as well as IE? Coding detailed below....
iframe {
position: relative;
border: 0;
width: 100%;
height: 20%;
overflow:hidden;
}
Any suggestions are much appreciated. I usually try and stay as far away from this kind of thing as possible!!
