Mesma página exibida diferente no ie e firefox

igor.sch · 5 de janeiro de 2007

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!

bermonruf · 5 de janeiro de 2007

igor.sch,

Se o FF está exibindo corretamente e o IE não, pode ser Bug no IE. É o IE6 ou IE7 que está dando erro?

Quais são os erros? Se puder indique sempre um link, porque por exemplo, não sabemos em que URL estão as imagens.

Flwss

igor.sch · 5 de janeiro de 2007

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!

chaccaall · 5 de janeiro de 2007

Mande o Link

netofire · 6 de janeiro de 2007

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.

claudiojz · 6 de janeiro de 2007

Comoassim usar tabelas, vejam meu site http://members.lycos.co.uk/tecnologospage o menu da esquerda está todo em css, no ie ele fica posicionado certinho, já no FF...

netofire · 6 de janeiro de 2007

Para saber mais sobre layout com ou sem tabelas já existe um tópico postado há algum tempo atrás:

http://forum.clubedohardware.com.br/index....howtopic=445679

SmartWarthog · 7 de janeiro de 2007

Começa validando seu código:

http://validator.w3.org/

Kurosaki · 8 de janeiro de 2007

olha o desastre do meu no FF: http://l2-planet.com

agora no I.E: http://l2-planet.com

divia existir somente 1 navegador, essa coisa de 2, 3, 4, é só dor de cabeça pra webmaster.

GuezTH · 9 de janeiro de 2007

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>

igor.sch · 9 de janeiro de 2007

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!