Estou com problema para aumentar a altura do iframe.
O que está errado?
Obs: Talvez seja uma dúvida besta,mas estou aprendendo sozinho…
html ->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="Estilo.css">
<title>Home</title>
</head>
<body>
<div class="cabecalho">
<p id="p2">Física</p>
</div>
<div id="menu">
<ul>
<li><a href="Inicio.html">Home</a></li>
<li><a href="News.html">News</a></li>
<li><a href="#contato">Contato</a></li>
<li><a href="Login.html">Login</a></li>
</ul>
</div>
</br>
<div class="esquerda">
<iframe style="width:100%; height:100%" src="iframe.html" frameborder="0" ></iframe>
</div>
css ->.
body {
background-size: 1000px 1000px;
background-color: #E0FFFF;
}
#data{ /*alinha o data js e os videos*/
margin-left: 15%
}
.cabecalho{
/*background-image: linear-gradien(to bottom, black, white);*/
border-style: double;
border-radius: 10px;
height:200px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0;
background-image:linear-gradient(to bottom, #87CEFA,#ADD8E6 );
}
p {
font-family: "Arial rounded MT bold";
font-size: 18px;
margin-top: 1%;
margin-left: 2%;
text-align: justify;
}
#p2 { /*Usado no texto do cabeçalho*/
font-family: "Arial rounded MT bold";
font-size: 500%;
margin-top: 4%;
text-align: center;
}
#p3 { /*Rodapé e descrição de imagens*/
font-family: "Arial rounded MT bold";
font-size: 11px;
margin-top: 4%;
text-align: center;
}
.esquerda {/*Alinha o conteudo principal à esquerda.*/
width: 60%;
float: left;
}
.direita {/*Alinha o conteudo secundário à direita*/
display: inline;
width: 30%;
position: relative;
float: right;
top: 50%;
}
#menu {/*Altera a base do menu*/
width:100%;
/*background-image:linear-gradient(to bottom, black,white);*/
margin-top:5px;
}
#menu ul{/*Altera a barra do menu*/
margin:0px;
padding:0px;
border:1px solid black;
border-radius: 5px;
font-family:"Arial rounded MT bold";
font-size:18px;
list-style:none;
margin-left:auto;
margin-right:auto;
margin-top:0;
display:table;
}
#menu ul li {/*Altera as células do menu*/
float:left;
width:140px;
height:30px;
text-align:center;
/*border-right:1px solid black;*//*-------Adiciona barra divisória entre as células do menu--------*/
position:relative;
padding-top:4px;
cursor:pointer;
}
/*
#menu ul li ul{
margin-top:20px;
position:absolute;
display:none;
}
*/ /*-----------!Testar os submenus!----------*/
#menu ul li a{ /*texto da celula*/
font-family:"Arial rounded MT bold","Verdana","Geneva","sans-serif";
font-size:14px;
color:#000000;
text-decoration:none;
}
#menu ul li:hover{/*efeito do mouse no menu*/
font-weight: bold;
}
table {
margin-right:auto; margin-left:auto;
}
#rodape {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:40px;
background-color:#8B7D7B;
text-align:center;
}
iframe {
display:block;
width:100%;
border:none
}