Jump to content

Alinhamento de tabelas no ff e ie


Fonkas
 Share

Recommended Posts

Alinhamento de tabelas no ff e ie:

Boas pessoal,

Vou já ser sincero que não percebo muito de cogido por isso é que parei por aqui para ver se alguem me poderia ajudar.

Tenho um site que desenvolvi com muitas tabelas e divs e fui sempre vendo no Firefox como "Preview"..entretanto acabei por exprimentar abrir o site pelo Internet Explorer e vi que as tabelas ficaram mal posicionadas. Os botões para a direita e afins. Eu sei que trabalhar por tabelas é mau mas só me safei assim..já visitei alguns foruns sobre este problema e não resolvi nada. Será que me podiam dar uma ajuda e ajudarme a corrigir o código para que fique bem nos browsers? Agradecia bastante.

_______________________________________________________________________________

Código->    (LINK:www.onlinesempre/obosque)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>O BOSQUE - JARDIM ESCOLA</title>

<meta name="keywords" content="O Bosque, Bosque, Jardim Escola, bosque, o bosque, jardim escola, escola, jardim, jardim bosque, escola bosque, bosqe, bosque escola, escola bosque">

<meta name="description" content="O Bosque - Jardim Escola">

<link rel="shortcut icon" href="favicon.ico">

<link rel="stylesheet" type="text/css" href="style.css" />

<style type="text/css">

<!--

body {

    background-image: url();

}

.style14 {color: #660032}

.style15 {

    color: #87D91B;

    font-weight: bold;

}

-->

</style></head>

<body>

<div align="center">

  <table width="1022" height="1059" border="0" >

    <tr>

      <td height="996" background="index.jpg" align="center" style="background-repeat:no-repeat; "><p> </p>

      <div align="right">

        <div align="right">

          <table width="996" height="1059" border="0" align="center" cellpadding="0" cellspacing="0">

            <tr>

              <td width="241" height="209" class="style13"> </td>

              <td width="321" rowspan="11" class="style3"> </td>

              <td width="393" rowspan="11" class="style3"><p> </p></td>

              <td width="41" rowspan="11" class="style3"> </td>

            </tr>

            <tr>

              <td height="1" class="style13"><a href="quemsomos.html" class="style13">Quem Somos</a></td>

            </tr>

            <tr>

              <td height="8" class="style3"><a href="organizacao.html" class="style7">Organização</a></td>

            </tr>

            <tr>

              <td height="8" class="style3"><a href="precarios.html" class="style13">Preçários e Horários</a></td>

            </tr>

            <tr>

              <td height="23" class="style3"><a href="actividades.html" class="style7">Actividades</a></td>

            </tr>

            <tr>

              <td height="8" class="style3"><a href="organigrama.html" class="style13">Organigrama</a></td>

            </tr>

            <tr>

              <td height="23" class="style3"><a href="parcerias.html" class="style7">Parcerias</a></td>

            </tr>

            <tr>

              <td height="22" class="style3"><a href="galeria.html" class="style13">Galeria de Fotografias</a></td>

            </tr>

            <tr>

              <td height="8" class="style3"><a href="projecto.html" class="style7">Projecto Educativo</a></td>

            </tr>

            <tr>

              <td height="30" class="style3"><a href="contactos.html" class="style13">Contactos</a></td>

            </tr>

            <tr>

              <td height="95" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3 style15">- Nova página web online</td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3 style15"><div align="left"></div></td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="4" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

              <td rowspan="21" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="2" class="style3"><div align="left"><span class="style14">----</span>Copyright © 2009 O Bosque - Jardim Escola</div></td>

              <td class="style3"><div align="right">Powered by <a href="http://www.onlinesempre.com" class="style12">onlinesempre.com</a></div></td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"><div align="center"></div></td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td colspan="3" class="style3"> </td>

            </tr>

            <tr>

              <td height="158" colspan="4" class="style3"><div align="center"></div></td>

            </tr>

          </table>

          <p> </p>

          <p> </p>

          <p> </p>

          <p> </p>

          <p> </p>

        </div>

      </div></td>

    </tr>

  </table>

</div>

</body>

</html>

_______________________________________________________________________________

Obrigado!

Link to comment
Share on other sites

Fonkas,

Podes sempre tentar colocar um atributo no CSS para forçar o texto dos "botões" a alinhar à esquerda (text-align: left). Outra sugestão: tenta fazer reset aos atributos das células (elementos <td>, atributos margin, padding), pode ser que o IE esteja a implicar por aí.

No entanto, a minha melhor sugestão é precisamente aquela que não queres ouvir (ou ler, neste caso): devias refazer isto sem tabelas.

Não sei qual é a tua situação nem quais são os prazos que te foram impostos para terminares isto, mas com alguma ajuda e um pouco de paciência certamente conseguirias fazer isto da forma correcta sem toda a confusão de código que por aí ficou.

Se vires que tens algum tempo para dedicar a isso, não só ficarás com uma página melhor como também ficarás com conhecimento que poderás depois aplicar a outras páginas... e isso irá permitir-te um melhor desenvolvimento de futuras páginas.

Let us know what you think 🙂

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.