We had an iframe with a blogspot blog being displayed on the website. But the iframe content was too wide, there were horizontal scroll-bars on the iframe. Looking for solutions to resize the content, this answer scales it by half, and this answer has support for more browsers. I used the latter, but without the pos. So,
....
<head>
....
<link rel="stylesheet" type="text/css" href="../../css/iframe-for-blog.css" />
....
</head>
and in the iframe-for-blog css file,
iframe {
| /* Set the width of the iframe the size you want to transform it FROM */ |
| width: 1108px; |
| height: 710px; |
| /* apply the transform */ |
| -webkit-transform:scale(0.75); |
| -moz-transform:scale(0.75); |
| -o-transform:scale(0.75); |
| transform:scale(0.75); |
| /* position it, as if it was the original size |
| position: absolute; - we're not using this. |
| left: -400px; |
| top: -200px; */ |
No comments:
Post a Comment