Ir para conteúdo
Fórum Script Brasil
  • 0

iframe ajustavel


sacofritoxd

Pergunta

Boa tarde amigos.

Estou com um problema ao utilizar iframe.

Seguinte tenho uma pagina com meu menu e abaixo meu iframe que chama uma segunda pagina-conteudo. Mas ao chamar estas paginas elas ficam expremidas em um espaço muito pequeno.

Tentei colocar as propriedades height como 100% mas nada feito.

Acredito que o problema seja pois utilizo uma ferramenta chamada CodeCharge Studio para gerar meus layouts, e esta ferramenta gera tudo utilizando table's como o desenho da pagina.

então esta assim minha pagina

<table height="100%" width="100%">
<tr>
<td>
MEU MENU
</td>
</tr>
<tr>
<td><iframe id="principal" height="100%" width="100%" border="0" src="index2.php" frameborder="0" name="principal"></iframe><td>
</tr>
</table>

alguém pode me ajudar?

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0

A iframe ta ocupando a mesma altura que o menu né?

Se sim isso acontece porque quando se utiliza porcentagens para tamanho elas calculam esse tamanho apartir do tamanho da tag que as engloba, tipo se a tag td, que engloba a tag div nesse caso tem 200px de altura a iframe terá 100% disso que são 200px.

Assim o negócio é você colocar um tamanho fixo em pixels e não em porcentagem na tag td e deixar o height="100%" na iframe, ou setar o tamanho na tag iframe direto, ou então abandonar a estruturação por tabelas que da muita dor de cabeça

Espero ter ajudado

Abrass

Link para o comentário
Compartilhar em outros sites

  • 0

Ola Markus.

Obrigado pela resposta.

Seguinte não tenho como abandonar a estruturação por tabelas pois a ferramenta em que trabalhamos aqui na empresa trabalha desta forma.

Segue exatamente como esta o meu html.

<table border="0" style="WIDTH: 100%; HEIGHT: 100%">

<tr style="HEIGHT: 1px;">

<td>

<table border="0" width="100%">

<tr>

<td>

&nbsp;

</td>

</tr>

</table>

<table border="0" width="100%">

<tr style="BACKGROUND-COLOR: #3d84cc">

<td style="WIDTH: 1%"><strong><font color="#ffffff"><em>Teste</em></font></strong></td>

<td style="WIDTH: 99%">

<!-- BEGIN Menu Menu1 -->

<div class="MenuStyle" id="Menu1Container">

<ul class="adxm {Menu1:MenuType} level1">

<!-- BEGIN Item -->

<!-- BEGIN OpenLevel -->

<ul class="level{Menu1:Item_Level}">

<!-- END OpenLevel -->

<li><a href="{ItemLink_Src}" class="{Menu1:Submenu}" target="{Menu1:Target}" title="{Menu1:Title}">{ItemLink}</a>

<!-- BEGIN CloseItem --></li>

<!-- END CloseItem -->

<!-- BEGIN CloseLevel -->

</ul>

</li>

<!-- END CloseLevel --><!-- END Item -->

</ul>

</div>

<!-- END Menu Menu1 --></td>

</tr>

</table>

</td>

</tr>

<tr>

<td><iframe id="principal" height="100%" width="100%" border="0" src="index2.php" frameborder="0" name="principal"></iframe></td>

</tr>

Link para o comentário
Compartilhar em outros sites

  • 0

tenta usar assim

<table border="0" style="WIDTH: 100%; HEIGHT: 100%">
<tr style="HEIGHT: 1px;">
<td>
<table border="0" width="100%">
<tr>
<td>
&nbsp;
</td>
</tr>

</table>
<table border="0" width="100%">
<tr style="BACKGROUND-COLOR: #3d84cc">
<td style="WIDTH: 1%"><strong><font color="#ffffff"><em>Teste</em></font></strong></td> 
<td style="WIDTH: 99%">
<!-- BEGIN Menu Menu1 -->
<div class="MenuStyle" id="Menu1Container">
<ul class="adxm {Menu1:MenuType} level1">
<!-- BEGIN Item -->
<!-- BEGIN OpenLevel -->
<ul class="level{Menu1:Item_Level}">
<!-- END OpenLevel -->
<li><a href="{ItemLink_Src}" class="{Menu1:Submenu}" target="{Menu1:Target}" title="{Menu1:Title}">{ItemLink}</a> 
<!-- BEGIN CloseItem --></li>
<!-- END CloseItem -->
<!-- BEGIN CloseLevel -->
</ul>
</li>
<!-- END CloseLevel --><!-- END Item -->
</ul>

</div>
<!-- END Menu Menu1 --></td> 
</tr>

</table>
</td> 
</tr>
<tr>
<td><iframe id="principal" height="500px" width="100%" border="0" src="index2.php" frameborder="0" name="principal"></iframe></td> 
</tr>
ou
<table border="0" style="WIDTH: 100%; HEIGHT: 100%">
<tr style="HEIGHT: 1px;">
<td>
<table border="0" width="100%">
<tr>
<td>
&nbsp;
</td>
</tr>

</table>
<table border="0" width="100%">
<tr style="BACKGROUND-COLOR: #3d84cc">
<td style="WIDTH: 1%"><strong><font color="#ffffff"><em>Teste</em></font></strong></td> 
<td style="WIDTH: 99%">
<!-- BEGIN Menu Menu1 -->
<div class="MenuStyle" id="Menu1Container">
<ul class="adxm {Menu1:MenuType} level1">
<!-- BEGIN Item -->
<!-- BEGIN OpenLevel -->
<ul class="level{Menu1:Item_Level}">
<!-- END OpenLevel -->
<li><a href="{ItemLink_Src}" class="{Menu1:Submenu}" target="{Menu1:Target}" title="{Menu1:Title}">{ItemLink}</a> 
<!-- BEGIN CloseItem --></li>
<!-- END CloseItem -->
<!-- BEGIN CloseLevel -->
</ul>
</li>
<!-- END CloseLevel --><!-- END Item -->
</ul>

</div>
<!-- END Menu Menu1 --></td> 
</tr>

</table>
</td> 
</tr>
<tr height="500px">
<td><iframe id="principal" height="100%" width="100%" border="0" src="index2.php" frameborder="0" name="principal"></iframe></td> 
</tr>

e vai tentando arrumar a quantidade de pixels na altura que for bom pra você

Link para o comentário
Compartilhar em outros sites

  • 0

Com certeza não terá problemas, claro que você tem que trabalhar com o CSS, mas você tem muito mais opção para trabalhar com div's do que com table's existem outras tags que você pode usar, mas a grande diferenciação é entre usar ou não table's, entre as tags que não são table a tag div é a coringa, pau pra toda obra.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...