[paulinhalvarenga]

gente!! estou com este pepino nas mãos!! Meu site tá funcionando beleza no ie, mas no firefox, ele fica alinhado à esquerda, como que eu faço pra ele ficar alinhado ao centro?

alguém me ajude!!

obrigada!!

[Bizonho]

faça da seguinte forma

<table width="100%">

<tr>
<td align="center>
<table width="TAMANHO">
<tr>
<td>site</td>
</tr>
</table>
</td>
</tr>

</table>

[micox]

1 - Abandone as tabelas. Saiba por que.

2 - Leia o tutorial de posicionamento do pa_bruno que ele ensina a posicionar no centro

3 - A Web mudou. Aprenda tableless e webstandards pra não ficar pra trás

4 - Quando for pedir ajuda, tente colocar algum link da página ou código, senão fica difícil ajudar.

Té mais...

[Bizonho]

micox nao vejo por que não utilizar tabelas principalmente neste caso que nao influenciara em nada pois vai aumentar 0.01byte no arquivo.

alem do codigo ficar mais facil de entender com tabelas.

não é como esse site que você mostrou (http://www.plasmadesign.com.br/stupidtables/everything.html)

o cara que faz isso aqui é um verdadeiro animal:
<tr>
<td width="11" height="20"><img src="images/spacer.gif" alt="" height="10" width="11" /></td>
<td width="150" height="20"><img src="images/spacer.gif" alt="" height="10" width="150" /></td>
<td width="20" height="20"><img src="images/spacer.gif" alt="" height="10" width="11" /></td>
<td width="11" height="20"><img src="images/spacer.gif" alt="" height="10" width="11" /></td>
<td width="338" height="20"><img src="images/spacer.gif" alt="" height="10" width="338" /></td>
<td width="20" height="20"><img src="images/spacer.gif" alt="" height="10" width="11" /></td>
</tr>

pois para fazer oque descreve no site basta fazer duas tabelas com uma td cada alinhando ela no centro, apenas isto, eu particularmente economizaria uns 50 td neste codigo desta pagina que você enviou.

[pa_bruno]

bisonho, você sabe pra q q serve tabelas? pense na semântica rapaz...

e paulinha, dah uma lida no meu artigo de posicionamento... falo sobre isso... eh soh você centralizar o body e coloca um auto no margin no div mae q engloba tudo...

e convenhamos, eh tão fácil quanto de ser entendido que uma tabela centralizada... e ainda fica muito mais leve... e quando você quiser mudar o posicionamento, é soh mudar no css ao invés de mudar em todos os htmls o align da tabela...

essa são alguuuuumas das vantagens...

[micox]

Beleza este tópico.
Bom pragente listar as vantagens do webstandards tableless.
Vou começar. Ajuda ae pessoal:

1) Os navegadores renderizam a página mais rápido. Leia artigos técnicos de browsers. Todos eles falam que é difícil renderizar tabelas e que isto consome processamento extra.

2) Fica mais fácil voce alterar o layout do site inteiro, sem precisar alterar página por página. É só alterar um arquivo CSS.

3) Melhoria em motores de busca: melhor posicionamento no google por exemplo

4) Economia de banda: como as informações de layout já foram pegadas pelo browser a primeira vez que ele baixou o site, não é necessário baixar novamente estas informações visuais toda vez que entramos em uma página do site. Pois geralmente SÓ O CONTEÚDO QUE MUDA. Veja todos os sites: todos tem um padrão de layout entre suas páginas, só o conteúdo que muda. Pra que então ficar carregando layout toda santa vez??

5) Semantica: Os elementos html são utilizados pelo motivo que foram feitos originalmente. Tabelas para dados tabulares; imagens para imagens do conteúdo, h para cabeçalhos, p para parágrafos etc.

6) Acessibilidade para quem tem problemas motores e visuais: Com tabelas é um saco pra eles navegarem

7) Acessibilidade pra outros dispositivos / browsers: Tente ver sua página não tableless num navegador texto como o lynx, num celular, num PDA, um computador antigo. Depois veja uma página tableless. Qual ficou melhor??

<editado date="09/06/06 pt-br">
8)Facilidade pra escrever códigos server-side (php, asp, jsp) já que você não precisa se preocupar com o visual nem em incluir atributos width, height, font, etc toda vez que for dar um 'echo' ou 'response.write'.

9) Organização, já que o tableless prega que o conteúdo (html) deve ficar separado da apresentação (css) e do comportamento (scripts). Assim fica mais fácil gerenciar.
</editado>

Continuem a lista...

[pa_bruno]

Redução de código: Pode ter ganhos de até 70% em kb nas páginas html
Diferencial no Curriculum: Hoje é um diferencial você ter conhecimentos em WS. As empresas tem apostado muito nisso.

[UPDATE]
vou postar aki uma diferença do código que o bisonho postou:
Convencional:

<table width="100%">
<tr>
<td align="center>
<table width="770">
<tr>
<td>site</td>
</tr>
</table>
</td>
</tr>
</table>

Webstandards

<div id="geral">site</div>

e no css:

body { text-align: center; }
#geral { width: 770px; margin: auto; }

11 linhas contra 3. E ainda você ganha na semantica, de brinde um posicionamento melhor nos robôs de busca, quando quiser modificar o alinhamento, eh soh mudar o css e outras vantagens...

vou postando outros quando eu for lembrando... micox postou os principais...

[claudinhabreu]

galera valeu!! por hora... vou deixar a tabela mesmo... e o problema foi resolvido. obrigada a todos pela dica e concordo com a necessidade de aprender css...
valeu demais!!!

[Giovani]

micox, em May 19 2006, 10:01 AM, disse:

Beleza este tópico.
Bom pragente listar as vantagens do webstandards tableless.
Vou começar. Ajuda ae pessoal:

1) Os navegadores renderizam a página mais rápido. Leia artigos técnicos de browsers. Todos eles falam que é difícil renderizar tabelas e que isto consome processamento extra.

2) Fica mais fácil voce alterar o layout do site inteiro, sem precisar alterar página por página. É só alterar um arquivo CSS.

3) Melhoria em motores de busca: melhor posicionamento no google por exemplo

4) Economia de banda: como as informações de layout já foram pegadas pelo browser a primeira vez que ele baixou o site, não é necessário baixar novamente estas informações visuais toda vez que entramos em uma página do site. Pois geralmente SÓ O CONTEÚDO QUE MUDA. Veja todos os sites: todos tem um padrão de layout entre suas páginas, só o conteúdo que muda. Pra que então ficar carregando layout toda santa vez??

5) Semantica: Os elementos html são utilizados pelo motivo que foram feitos originalmente. Tabelas para dados tabulares; imagens para imagens do conteúdo, h para cabeçalhos, p para parágrafos etc.

6) Acessibilidade para quem tem problemas motores e visuais: Com tabelas é um saco pra eles navegarem

7) Acessibilidade pra outros dispositivos / browsers: Tente ver sua página não tableless num navegador texto como o lynx, num celular, num PDA, um computador antigo. Depois veja uma página tableless. Qual ficou melhor??

Continuem a lista...

pa_bruno, em May 19 2006, 10:09 AM, disse:

Redução de código: Pode ter ganhos de até 70% em kb nas páginas html
Diferencial no Curriculum: Hoje é um diferencial você ter conhecimentos em WS. As empresas tem apostado muito nisso.

[UPDATE]
vou postar aki uma diferença do código que o bisonho postou:
Convencional:

<table width="100%">
<tr>
<td align="center>
<table width="770">
<tr>
<td>site</td>
</tr>
</table>
</td>
</tr>
</table>

Webstandards

<div id="geral">site</div>

e no css:

body { text-align: center; }
#geral { width: 770px; margin: auto; }

11 linhas contra 3. E ainda você ganha na semantica, de brinde um posicionamento melhor nos robôs de busca, quando quiser modificar o alinhamento, eh soh mudar o css e outras vantagens...

vou postando outros quando eu for lembrando... micox postou os principais...

É por isso q amo css!

Abraço!

micox - esse avatar ficou show!

[micox]

Quote

micox - esse avatar ficou show!

Cortesia do Fleury do javascript. E eu nem tinha pedido. heheh

[pa_bruno]

hehehehe... ficou manero mermo... talvez mude o meu tb...