• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Fonkas

Alinhamento de tabelas no ff e ie

4 mensagens neste tópico

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!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros 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 :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

pedro-kun

Vou rever a parte do css e tentar não usar tabelas.

Muito agradecido

:)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se precisares de ajuda avisa... Não estamos aqui só para te dizer: "está mal, tenta de outra forma" :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora