Como converter Frames em Div

Escrito por marie clay | Traduzido por randhal wendel
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como converter Frames em Div
Os frames são tags obsoletas em versões mais recentes de HTML e podem ser substituídos por divs (Comstock/Comstock/Getty Images)

A internet é uma fonte incrível de informações e o meio mais expansivo para promover ideias, opiniões ou produtos. Desde o início dos sites gráficos, os métodos utilizados para criar páginas têm se expandido e se tornado mais complexos e concisos. Algumas tags que foram muito utilizadas no passado, como os frames, estão agora obsoletas e devem ser substituídas pelo código atual para manter a compatibilidade com navegadores futuros.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Crie um div para combinar com o tamanho do frame (quadro). Se tiver um quadro no topo, defina a largura do div em "100%" e a altura para a altura do pixel do frame. Defina a altura em "100%" e combine a largura se tiver um quadro vertical.

  2. 2

    Defina a posição do div para fixo. As divisões de posição fixa são definidas em relação à janela do navegador e não se movem quando a página é rolada.

  3. 3

    Ajuste a distância do topo e da esquerda para "0px" para posicionar o div no lugar das armações e o índice "z" para "100" para assegurar que os divs se sobreponham a outros objetos. Veja um exemplo na Etapa 6.

  4. 4

    Abra o arquivo de origem de cada frame e, em seguida, copie e cole o conteúdo para o div. Exclua o código de toda a página como as tags "<body>", "<html>" e "<head>".

  5. 5

    Retire as tags "<frame>" de sua página. Os divs agora conterão todas as informações necessárias para exibir corretamente.

  6. 6

    Abra sua página no navegador para testar o código, que deve ser semelhante ao seguinte:

    <div style = "width: 100%; height: 60px; position: fixed; top: 0px; left: 0px; z-index: 100;"> Conteúdo do frame aqui </div>

Dicas & Advertências

  • Tente adicionar um div para seu conteúdo principal a fim de evitar sobreposições. Crie um div com "position: absolute;" e o número de pixels do topo e da esquerda igual à altura ou à largura de divs do seu frame.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível