Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
estou querendo criar um table que tenha o atributo width com 100%. Porém se o seu conteúdo não ocupa toda a width ele fica com uma largura menor, ou seja, com a largura que o conteúdo preenche. Tentando fixar um width com um valor em pixels aí sim ele fica com a largura que quero, porém eu queria que a width varia-se de acordo com a resolução do monitor, pois com um valor fixo pode ficar pequena ou grande a width, dependendo da resolução de vídeo do computador do usuário.
Desde já agradeço
Até
Keynis Sakamoto Nishio.
Sua pergunta é tão simples que a resposta dela você mesmo já a deu!
Se você determina a largura em pixels(px) então ele fixa sua tabela, mas se você coloca ela em porcentagem(%) como o navegador vai interpretar que você não esta se referindo apenas a tabela em questão e não ao monitor?
Simples, você será obrigado a criar uma tabela com uma definição "pai" e assim ela será intepretada como um todo, e todas que estiverem dentro dela seram determinadas conforle ela, observe:
<table width="100%">
<tr>
<td width="100%">TOPO</td>
</tr>
<tr>
<td width="100%">MENU</td>
</tr>
<tr>
<td width="100%">CONTEUDO</td>
</tr>
</table>Pronto, no exemplo que eu dei, as celulas só vão obedecer ao "pai" que informa que o todo tbm é 100%, e seu navegador vai interpretar que existe um elemento maior que manda hierarquicamente em outos, então o maior "tabela" determina que todo o conteudo será mostrado em todo o espaço compreendido da tela, enquanto as celulas terão que limitar sua hordem para dentro delas mesmas.
Bom, pelo menos é isso que eu entendi de sua pergunta para dar a resposta.
#EntendiNada :P
É isso:
table{ width: 100%; }?
Mostre-nos como está fazendo.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif