Embedded iframe from another site - 100% screen

Question

Embedded iframe from another site - 100% screen

Navigation

#1 by (1 votes)

1

They passed me a code to embed on 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><bodydata-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>

iframe

asked by anonymous 12.11.2018 / 12:35

1 answer

Message to user not selecting size and color with select Box does not float left (float: left does not work)

score 1 · Answer 1

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

#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><bodydata-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>