como centralizar div dentro de uma tabela

[webdibula 0]

seguinte pessoal,

 

tenho uma table com width=100% height=100% tb, e gostaria de ter três div's centralizados dentro da mesma, adicionei o codigo abaixo alguem pode me ajudar o pq não eesta ficando centralizado a tabel.

 

fico no aguardo

 

<style type="text/css">

<!--

body{

text-align:center;

background-image: url(Fundo.jpg);

}

#esquerda{

width:150px;

font:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

}

#direita{

width:150px;

font:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

}

#conteudo {

font:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

width:500px;

}

div{

border:1px;

float: left;

padding:5;

margin:0;

}

-->

body,td,th {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

}

</style>

 

 

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center" valign="middle"><div id="esquerda">

Na verdade a gravação foi feita em 7 minutos e 51 segundos.

Neste vídeo mostro como faço para criar um layout básico de 3 colunas. Esta técnica tem um diferencial: retirando apenas uma linha do CSS, o layout passa de fixo, para fluido (como o layout do submarino ou americanas). Isso dá várias possibilidades de layout para o designer e poupa muito trabalho da equipe ao redesenhar e modificar o layout.

</div><div id="conteudo">

NaNaNaNaNaNaNa verdade a gravação foi feita em 7 minutos e 51 segundos.

Neste vídeo mostro como faço para criar um layout básico de 3 colunas. Esta técnica tem um diferencial: retirando apenas uma linha do CSS, o layout passa de fixo, para fluido (como o layout do submarino ou americanas). Isso dá várias possibilidades de layout para o designer e poupa muito trabalho da equipe ao redesenhar e modificar o layout.

</div>

<div id="direita">

Na verdade a gravação foi feita em 7 minutos e 51 segundos.

Neste vídeo mostro como faço para criar um layout básico de 3 colunas. Esta técnica tem um diferencial: retirando apenas uma linha do CSS, o layout passa de fixo, para fluido (como o layout do submarino ou americanas). Isso dá várias possibilidades de layout para o designer e poupa muito trabalho da equipe ao redesenhar e modificar o layout.

</div></td>

</tr>

</table>

[brcontainer 16]

não se usa tabela para estruturar um layoutm segue esse exemplo para ver como deve-se fazer:

http://forum.imasters.com.br/index.php?showtopic=222275

 

falow abraço ;)

[webdibula 0]

não se usa tabela para estruturar um layoutm segue esse exemplo para ver como deve-se fazer:

http://forum.imasters.com.br/index.php?showtopic=222275

 

falow abraço ;)

 

 

nas propriedades <div id="tudo"> não é possivel colocar height=100%;? gostaria de criar um uma divisão sempre 100% da tela indiferente da resolução do video, ou seja quero um

 

<div id="tudo"> w=100% e h 100%

e no centro deste,

 

col1=150px, col2=500px, col3=150px e rodapé w=800px e h=30px esses bem centralizado ao primeiro?

 

tem como

[NoX1911 0]

pra deixar suas divs sempre centralizadas usa

margin: auto;

Eu costumo fazer isso definindo o tamanho das divs, nao lembro se tem como fazer isso deixando as divs "soltas". mas com CSS tudo é possivel.

[brcontainer 16]

infelizmente o height=100% não funciona assim como você quer, ele pega a medida da TELA(janela) e não do elemento PAI.

 

para simular o WIDTH:100%; ao inves de usar width, deixe sem (se for a TAG DIV) que ae preenche na horizontal todo o espaço, se o objeto for tipo INLINE, exemplo a tag <a> use display:block;

 

porem com o HEIGHT isso não funciona, porem há uma solução(é uma simulação):

http://forum.imasters.com.br/index.php?showtopic=225319

 

leia atentamente o link que lhe passei e conseguirá resolver, e lembre-se não se usa tabelas para estruturar o layout.