domingo, 13 de outubro de 2013

Como posicionar uma página dentro de um iframe usando CSS

Segue abaixo um exemplo de como posicionar uma página dentro de um iframe usando CSS. Essa dica foi de Jill Olkoski.

#outerdiv
{
width:446px;
height:246px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-412px;
left:-318px;
width:1280px;
height:1200px;
}
<div id=’outerdiv’>
<iframe src=”http://www.gooogle.com/” id=’inneriframe’ scrolling=no></iframe>
</div>

Outras informações em: http://aldebaranwebdesign.com/blog/How-to-Position-a-Page-within-an-IFRAME/#sthash.VvUurrvH.dpuf

Um comentário:

  1. Aqui se esta manipulando o iframe dentro de uma div, e não o conteúdo dentro do iframe!

    ResponderExcluir