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

(Resolvido) Substituir frames por div


MTavares

Pergunta

Prezados...

eu desenvolvi um chat em PHP com frame.. só que está dando pau direto quando acesso pelo firefox.. dá uma doideira que o frame duplica... sinistro <_< ..bem.. o que quero é substituir esse frame doidão :wacko: por div's... eu peguei um modelo na net com os seguintes arquivos:

ajax.js

instrucao.js

conteudo1.html

conteudo2.html

o código funciona .... mas com HTML.. quando coloco php... o treco para...

alguém poderia me ajudar??? :rolleyes:

vlw

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Olá Matheus,

quando acesso o chat... ele duplica os frames...ou seja... aparece 3 frames do frame superior.. 3 do frame inferior... o código abaixo:

<frameset rows="110,*,80" frameborder="NO" border="0" framespacing="0">
<frame src="topo.htm" name="topFrame" scrolling="NO" noresize >
<frame src="conteudo.php" name="mainFrame">
<frame src="base.php?usuario=<?=$usuario;?>&estado=<?=$estado;?>" name="bottomFrame" scrolling="NO" noresize>
</frameset>

<noframes><body>
Seu browser não suporta frames...
</body></noframes>

Abraços...

Link para o comentário
Compartilhar em outros sites

  • 0

hm... entendi, agora você deseja colocar isso em divs correto?

É bem simples, três divs, uma para o cabecario, outra para o centro e outra para o rodapé.

HTML

<div class="cabecario">
  <?php include("topo.htm"); ?>
</div>

<div class="conteudo">
  <?php include("conteudo.php"); ?>
</div>

<div class="rodape">
  <?php include("base.php?usuario=<?=$usuario;?>&estado=<?=$estado;"); ?>
</div>
Bem, troquei o frame pela include do php, mas eu não sou tão bom em php, nem sei se pode 'incluir' .htm. ): Agora o css é simples, se você deseja um bate-papo em tela cheia por exemplo, basta definir o width e o height 100%. CSS
.cabecario {
width:100%;
height:110px;
overflow:hidden;
}

.conteudo {
width:100%;
height:850px;
overflow:scroll;
}

.rodape {
width:100%;
height:110px;
overflow:hidden;
}

Bem, realmente bastante simples, veja que defini o overflow:scroll da div do meio, pois será que criará a barra de rolagem, ou seja, ela tera uma barra de rolagem própria, se você deseja que a barra de rolagem seja a do navegador, fala, porque basta definir o cabecario e rodape com position:fixed; ;)

Qualquer coisa posta aí!

Vlw

Matheus Matos

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...