Ir ao conteúdo
  • Cadastre-se

Mesma página exibida diferente no ie e firefox


igor.sch

Posts recomendados

Galera,

Sou novo na programação HTML, ainda preciso de um editor para fazer as páginas, mas também analiso o código gerado.

Bom, meu problema acho que não está na minha página. Ela é composta por uma tabela dividida, com células de fundos diferentes. Direto ao assunto, queria saber o que está errado para que o Firefox e o Internet Explorer exibam a página de forma diferente (na verdade, o Firefox está exibindo corretamente, e o Iexplorer não).

Para quem não tem o Firefox ou o Iexplorer, seguem screenshots...

No Firefox

No Internet Explorer

E meu código:

<html>
<title>:: UNIVERSIDADE DO ESTADO DA BAHIA - CAMPUS XVIII - EUNÁPOLIS/BA ::</title>
<style type="text/css">
<!--
a:hover {
    color: #FF0000;
}
a.Links_Menu {
color: #FFFFFF;
font-weight:bold;
font-size:11px;
letter-spacing:normal

}
body,td,th {
    font-family: Tahoma;
}
.Titulos_Centro {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 14px;
}
.Links {font-size: 9px; font-family: Tahoma;}
.style19 {
    font-size: 11px;
    text-align: justify;
    font-weight: normal;
}
-->
</style>

<body>
<table  border="0" cellpadding="0" cellspacing="0" noresize width="760">
  <tr>
    <td colspan="6" height="86"background="index_images/top_bkg.jpg"></td>
  </tr>
  <tr>
      <td width="150"valign="top"rowspan="2" background="index_images/menu_bkg.jpg"><div align="center">

        [url="index.html"]INÍCIO[/url]

        [url="news/modelo.html"] Modelo [/url]
      </div></td>
    <td height="45" colspan="5" background="index_images/topmenu_bkg.jpg" class="style19"></td>
  <tr>
    <td width="198" height="369" valign="top" background="index_images/center1_bkg.jpg"><div align="justify" class="style19">
      <p align="center" class="Titulos_Centro">Últimas Notícias </p>
      <hr>02/01 - [url="news/0201n02.html"]UNEB publica gabaritos alterados após recursos de candidatos[/url] <hr>
        [url="news/0201n01.html"]02/01 - Website próprio do Campus XVIII em desenvolvimento[/url]<hr>
    </div></td>
    <td width="8" valign="top" background="index_images/center2_bkg.jpg"></td>
    <td width="198" valign="top" background="index_images/center3_bkg.jpg" class="Titulos_Centro">
      <div align="center"> Matérias
      <p class="style19">[b]Perfil do Graduado em Letras[/b]:</p>
      <p class="style19">Profissional com conhecimento e domínio dos princípios epistemológicos  que definem a especificidade da população na área de letras.  Tem desenvolvido sua capacidade de  reflexão e de crítica, as habilidades e competências relativas à  atividade de ensino de 1º e 2º graus, bem como o conhecimento do  conteúdo específico das várias habilidades da área de letras. A habilitação em Licenciatura em Letras forma  profissional professor de Língua Portuguesa e das Literaturas em Língua  Portuguesa.</p>
      </div>
    <td width="8" valign="top" background="index_images/center4_bkg.jpg"></td>
    <td width="198"valign="top" background="index_images/center5_bkg.jpg" class="Titulos_Centro"><div align="center">
      <p class="Titulos_Centro">Galeria de Fotos </p>
      <p align="center" class="style19">[img=index_images/auditorio_01_grd.gif]Hotel Porta de Eunápolis, em Eunápolis/BA </p>
      </div></td>
</table>

<body>
</body>
</html>

Alguém tem alguma ideia para resolver isto? Será que existe algum tag ou attribute que o Iexplorer não reconhece?

Obrigado pela atenção!

post-19122-1388493577972_thumb.jpg

post-19122-1388493578028_thumb.jpg

Link para o comentário
Compartilhar em outros sites

Bernardo,

Eu mandei screenshots da exibição, para não precisar mandar todos os arquivos de imagem e páginas auxiliares. Segue abaixo novamente:

Repare que no IE a página parece estar quebrada.

No Firefox:

No Internet Explorer:

A "desarmonia" está acontecendo nas versões abaixo do IE 6 (que acompanham o Win98 e WinXP). Que bug seria este? Será que existe algum atributo que o IE não reconhece?

Também posso mandar os arquivos restantes por email...

Valeww!

Link para o comentário
Compartilhar em outros sites

  • Membro VIP

Além de postar o link pra que a gente te ajude melhor, como o chaccaall disse, informo que layout em tabela dá erro em 99% dos casos ao abrir as páginas em diferentes navegadores, diferentes versões, etc... E quase sempre é um erro bobo, mas que afeta tudo ou grande parte do layout.

Considere utilizar CSS, é apenas um toque.

Link para o comentário
Compartilhar em outros sites

tenta assim =)

<html>
<title>:: UNIVERSIDADE DO ESTADO DA BAHIA - CAMPUS XVIII - EUNÁPOLIS/BA ::</title>
<style type="text/css">
<!--
a:hover {
    color: #FF0000;
}
a.Links_Menu {
color: #FFFFFF;
font-weight:bold;
font-size:11px;
letter-spacing:normal

}
body,td,th {
    font-family: Tahoma;
}
.Titulos_Centro {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 14px;
}
.Links {font-size: 9px; font-family: Tahoma;}
.style19 {
    font-size: 11px;
    text-align: justify;
    font-weight: normal;
}
-->
</style>

<body>
<table  border="0" cellpadding="0" cellspacing="0" noresize width="760">
  <tr>
    <td colspan="6" height="86"background="index_images/top_bkg.jpg"></td>
  </tr>
  <tr>
      <td width="150"valign="top"rowspan="2" background="index_images/menu_bkg.jpg"><div align="center">

        [url="index.html"]INÍCIO[/url]

        [url="news/modelo.html"] Modelo [/url]
      </div></td>
    <td height="45" colspan="5" style="background:url(index_images/topmenu_bkg.jpg) no-repeat;" class="style19"></td>
  <tr>
    <td width="198" height="369" valign="top" background="index_images/center1_bkg.jpg"><div align="justify" class="style19">
      <p align="center" class="Titulos_Centro">Últimas Notícias </p>
      <hr>02/01 - [url="news/0201n02.html"]UNEB publica gabaritos alterados após recursos de candidatos[/url] <hr>
        [url="news/0201n01.html"]02/01 - Website próprio do Campus XVIII em desenvolvimento[/url]<hr>
    </div></td>
    <td width="8" valign="top" background="index_images/center2_bkg.jpg"></td>
    <td width="198" valign="top" background="index_images/center3_bkg.jpg" class="Titulos_Centro">
      <div align="center"> Matérias
      <p class="style19">[b]Perfil do Graduado em Letras[/b]:</p>
      <p class="style19">Profissional com conhecimento e domínio dos princípios epistemológicos  que definem a especificidade da população na área de letras.  Tem desenvolvido sua capacidade de  reflexão e de crítica, as habilidades e competências relativas à  atividade de ensino de 1º e 2º graus, bem como o conhecimento do  conteúdo específico das várias habilidades da área de letras. A habilitação em Licenciatura em Letras forma  profissional professor de Língua Portuguesa e das Literaturas em Língua  Portuguesa.</p>
      </div>
    <td width="8" valign="top" background="index_images/center4_bkg.jpg"></td>
    <td width="198"valign="top" background="index_images/center5_bkg.jpg" class="Titulos_Centro"><div align="center">
      <p class="Titulos_Centro">Galeria de Fotos </p>
      <p align="center" class="style19">[img=index_images/auditorio_01_grd.gif]Hotel Porta de Eunápolis, em Eunápolis/BA </p>
      </div></td>
</table>

<body>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

tenta assim =)

<html>
<title>:: UNIVERSIDADE DO ESTADO DA BAHIA - CAMPUS XVIII - EUNÁPOLIS/BA ::</title>
<style type="text/css">
<!--
a:hover {
    color: #FF0000;
}
a.Links_Menu {
color: #FFFFFF;
font-weight:bold;
font-size:11px;
letter-spacing:normal

}
body,td,th {
    font-family: Tahoma;
}
.Titulos_Centro {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 14px;
}
.Links {font-size: 9px; font-family: Tahoma;}
.style19 {
    font-size: 11px;
    text-align: justify;
    font-weight: normal;
}
-->
</style>

<body>
<table  border="0" cellpadding="0" cellspacing="0" noresize width="760">
  <tr>
    <td colspan="6" height="86"background="index_images/top_bkg.jpg"></td>
  </tr>
  <tr>
      <td width="150"valign="top"rowspan="2" background="index_images/menu_bkg.jpg"><div align="center">

        [url="index.html"]INÍCIO[/url]

        [url="news/modelo.html"] Modelo [/url]
      </div></td>
    <td height="45" colspan="5" style="background:url(index_images/topmenu_bkg.jpg) no-repeat;" class="style19"></td>
  <tr>
    <td width="198" height="369" valign="top" background="index_images/center1_bkg.jpg"><div align="justify" class="style19">
      <p align="center" class="Titulos_Centro">Últimas Notícias </p>
      <hr>02/01 - [url="news/0201n02.html"]UNEB publica gabaritos alterados após recursos de candidatos[/url] <hr>
        [url="news/0201n01.html"]02/01 - Website próprio do Campus XVIII em desenvolvimento[/url]<hr>
    </div></td>
    <td width="8" valign="top" background="index_images/center2_bkg.jpg"></td>
    <td width="198" valign="top" background="index_images/center3_bkg.jpg" class="Titulos_Centro">
      <div align="center"> Matérias
      <p class="style19">[b]Perfil do Graduado em Letras[/b]:</p>
      <p class="style19">Profissional com conhecimento e domínio dos princípios epistemológicos  que definem a especificidade da população na área de letras.  Tem desenvolvido sua capacidade de  reflexão e de crítica, as habilidades e competências relativas à  atividade de ensino de 1º e 2º graus, bem como o conhecimento do  conteúdo específico das várias habilidades da área de letras. A habilitação em Licenciatura em Letras forma  profissional professor de Língua Portuguesa e das Literaturas em Língua  Portuguesa.</p>
      </div>
    <td width="8" valign="top" background="index_images/center4_bkg.jpg"></td>
    <td width="198"valign="top" background="index_images/center5_bkg.jpg" class="Titulos_Centro"><div align="center">
      <p class="Titulos_Centro">Galeria de Fotos </p>
      <p align="center" class="style19">[img=index_images/auditorio_01_grd.gif]Hotel Porta de Eunápolis, em Eunápolis/BA </p>
      </div></td>
</table>

<body>
</body>
</html>

Cara, esse código não funcionou. Mas valeu pela ajuda, decidi estudar um pouquinho CSS e consegui resolver meu problema!

O site (da UNEB-Eunápolis - Campus XVIII, como podem ver) ainda não tem domínio, nem servidor. Então quem quiser dar uma olhadinha, manda seu email que mando em anexo...

Valeww pessoal!

Link para o comentário
Compartilhar em outros sites

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

 

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!