Site funciona em IE, mas dá problema no Mozilla

[Guest Edson Pacheco]

Boa Noite amigos!

Sou novo nessa "arte" de construção de sites. Sempre fui "fução" por natureza.

Construi esse site como um favor pra um grande amigo, mas hoje me deparei com um problema:

Ele fica bonito, perfeito quando navego com o IE (6 e 7), mas quando uso o Mozilla, fica uma M. Tudo fora de lugar...

Alguém por aí pode me ajudar?

endereço: http://www.refratariosmodelo.com.br

Abraços!

[Guest --Paulo --]

Acho q isso é problema com o CSS, tou vendo tb que n ta centralizado....

[Guest Edson Pacheco]

Não consigo detectar o problema... alguma sugestão?

Acho q isso é problema com o CSS, tou vendo tb que n ta centralizado....

[TibumWeb]

Olá Edson, então o Mozilla Firefox é o mais perfeito para renderizar um site, ao contrario do IE. Arrumei seu site você só precisa fazer um pequeno ajuste, substitua a tag center por <div class="tudo">, a tag <center> está em desuso.

<div class="tudo">
  <div class="borda_direita">
   <div class="borda_inferior">
    <div class="canto">
     <div class="texto">

      <table border=1>
       <tr>
        <td colspan=3>
           .
           .
           .
           .
       </tr>
      </table>
     </div>
    </div>
   </div>
  </div>
 </div>

E no CSS acrescente a seguinte classe:

.tudo{margin:0 auto; width:793px;}

Bom qualquer dúvida me contate, faloww

[Paulo Web]

Tem como você postar o codigo CSS....?

[Guest --Edson --]

Eu fiz o que você me sugeriu, mas aí o site todo saiu do centro da tela... Ainda não consigo entender porque ele não funciona nos dois navegadores da mesma maneira.

Antes de incluir as DIV's, tudo estava legal. Quis adicionar o fundo azul e as sombras e funicou tudo... :(

Valeu pela ajuda!!!!

Olá Edson, então o Mozilla Firefox é o mais perfeito para renderizar um site, ao contrario do IE. Arrumei seu site você só precisa fazer um pequeno ajuste, substitua a tag center por <div class="tudo">, a tag <center> está em desuso.

<div class="tudo">
  <div class="borda_direita">
   <div class="borda_inferior">
    <div class="canto">
     <div class="texto">

      <table border=1>
       <tr>
        <td colspan=3>
           .
           .
           .
           .
       </tr>
      </table>
     </div>
    </div>
   </div>
  </div>
 </div>

E no CSS acrescente a seguinte classe:

.tudo{margin:0 auto; width:793px;}

Bom qualquer dúvida me contate, faloww