Embedded iframe from another site - 100% of the screen

Asked

Viewed 101 times

0

They gave me a code to embed in my site, but it generates an iframe and does not occupy 100% of the screen. 

#areaCondominio {
	
	width: 100%;
	background: red;
	h1: blue;
}
#testenov {
	width: 100%;
	background: orange;
	
}
<!DOCTYPE html>
<html lang="pt">
<head>

<script src="https://s3-sa-east-1.amazonaws.com/widgets.superlogica.net/embed.js" ></script>




</head>
<body data-spy="scroll" data-target=".navbar-collapse" data-offset="10">
<div id="testenov"><h2>oooooooooo</h2
  <script type="text/javascript">
/*{literal}<![CDATA[*/
superlogica.require("condominios");
superlogica.condominios("areadocondomino","areaCondominio","vgm","1");
/*]]>{/literal}*/
</script>
<div id="areaCondominio"><h1>ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h1></div>

</div>

inserir a descrição da imagem aqui

iframe

1 answer

0

You can use 'overflow: auto' as in the example below it will open a scroll bar where it will show you all the input text or if you prefer with 'overflow-wrap: break-word' Voce will break line.

#areaCondominio {
	
	width: 100%;
	background: red;
}
#testenov {
	width: 100%;
	background: orange;
	
}

   h1 {
	color: blue;
        overflow: auto;
	
}
<!DOCTYPE html>
<html lang="pt">
<head>

<script src="https://s3-sa-east-1.amazonaws.com/widgets.superlogica.net/embed.js" ></script>




</head>
<body data-spy="scroll" data-target=".navbar-collapse" data-offset="10">
<div id="testenov"><h2>oooooooooo</h2
  <script type="text/javascript">
/*{literal}<![CDATA[*/
superlogica.require("condominios");
superlogica.condominios("areadocondomino","areaCondominio","vgm","1");
/*]]>{/literal}*/
</script>
<div id="areaCondominio"><h1>ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h1></div>

</div>

Browser other questions tagged iframe

You are not signed in. Login or sign up in order to post.