Fonkas Posted September 11, 2009 at 02:56 AM Report Share #286421 Posted September 11, 2009 at 02:56 AM 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 More sharing options...
pwseo Posted September 11, 2009 at 05:36 PM Report Share #286492 Posted September 11, 2009 at 05:36 PM 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 More sharing options...
Fonkas Posted September 11, 2009 at 06:45 PM Author Report Share #286503 Posted September 11, 2009 at 06:45 PM pedro-kun Vou rever a parte do css e tentar não usar tabelas. Muito agradecido 🙂 Link to comment Share on other sites More sharing options...
pwseo Posted September 11, 2009 at 07:03 PM Report Share #286505 Posted September 11, 2009 at 07:03 PM Se precisares de ajuda avisa... Não estamos aqui só para te dizer: "está mal, tenta de outra forma" 🙂 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now