html table width 100%

[JoséQuintas]

Descobri agora que isso não está funcionando.
Alguma dica?
Aquele título com um "JPA" no início.

Código: Selecionar todos

<table width="100%">
<tr>
<td width="3%"></td>
<td width="97%">/td>
</tr>
</table>

[JoséQuintas]

Fiz um teste adicional.
Tanto faz explorer ou Firefox.

Parece que topei com um limite da internet pra isso kkkkkk

Abri o navegador em janela pequena, ok, tanto faz, IE ou Firefox.
Vou aumentando o tamanho da janela, esse título vai se ajustando automaticamente.
A partir de certo ponto, não alarga mais esse table, mas o restante sim.

Existe algum tamanho default de página pra aumentar, ou coisa do tipo, que possa ser configurado?
Acho que tem a ver com resolução, e/ou alguma configuração adicional no código da página.
Está limitando a uns 2000 pixels de largura.

[ANDRIL]

José tenho Chrome e IE8 em ambos até a resolução 1920x1080 manteve-se em toda tela. Se as demais divs e tables do menu superior acompanham a largura da tela, não haveria motivo para essa table não seguir o padrão.
Tente usar só CSS nela:

Código: Selecionar todos

<table style="width:100%">

[JoséQuintas]

Não sei trabalhar com CSS.
Mas pelo seu post, tava errada a forma que coloquei no fonte.

O problema era a forma de definir 100%.

Faz tempo não mexo nisso, acabei até nem perguntando direito.... rs

Tava assim:

Código: Selecionar todos

<table style="border-top: 1 solid #777792; border-left: 1 solid #777792; border-right: 1 solid #777792; border-bottom: 1 solid #777792; width="100%">

Alterei pra isto:

Código: Selecionar todos

        <table width="100%" style="border-top: 1 solid #777792; border-left: 1 solid #777792; border-right: 1 solid #777792; border-bottom: 1 solid #777792;"><tr>

Preciso dar uma melhorada no site qualquer dia.
Faz anos que não mexo nele.

Até mensagem de natal tá automática, pra nem precisar mexer.... rs

Só atualizo o banco de dados MySQL pelo Harbour.

É ASP + MySQL + HTML de antigamente.

[JoséQuintas]

Mas dei uma formatada no style, inclusive já tinha usado style no menu lateral, nem lembrava mais... rs

Código: Selecionar todos

<style style="text/css">
   .hoverTable          { width:100%; border-collapse:colapse; }
   .hoverTable tr       { background-image:; width:12%; }
   .hoverTable tr:hover { background-image:url('bgover.jpg'); }
   body.geral           { topmargin: 0; leftmargin: 0; rightmargin: 0; background-attachment: fixed; }
   font.texto           { font-size: 13px; font-family: Verdana; color: #FFFFFF; text-decoration:; }
   table.traco          { border: 0; width: "100%"; cellpadding: 0; cellspacing: 0; }
   table.texto          { border: 0; width="100%"; cellpadding: 0; cellspacing: 6; }
   tr                   { height: "5"; }
   td                   { width: "100%"; }
</style>

Só posso dizer que está funcionando, nem sei se está certo, já que o visual fica ligeiramente diferente entre IE e Firefox.

Agora vou ter que mexer na parte central.
Mistura fonte de ASP com fonte HTML, então é delicado.
Fazem anos da última mexida nisso, talvez esteja enferrujado.... rs.

[ANDRIL]

O código abaixo usa apenas o HTML:

Código: Selecionar todos

<table width="100%"><tr><td></td></tr></table>

esse usa o CSS:

Código: Selecionar todos

<table style="width:100%"><tr><td></td></tr></table>

Tanto um como outro deveria ter o mesmo resultado, embora alguns navegadores tratem diferente, por isso adoto o CSS que geralmente é bem aceito.

Note que no seu post anterior a linha abaixo há um parâmetro declarado errado, quando se trata do CSS a atribuição é feita pelo ':' e esta com '=', também não precisa das aspas duplas, que são utilizadas quando há textos com mais de uma palavra, exemplo "Courier New".

Código: Selecionar todos

table.texto          { border: 0; width="100%"; cellpadding: 0; cellspacing: 6; }

correto

Código: Selecionar todos

table.texto          { border: 0; width:100%; cellpadding: 0; cellspacing: 6; }

Até+

[JoséQuintas]

Até misturei este post com o outro.
Ao resolver a diferença entre IE e Firefox, o 100% ficou resolvido também.

Achei legal o style separado, deixa o fonte html bem mais enxuto quando tem muita repetição.

Agora é pesquisar pra entender todas as opções disponíveis.

Vendo aquilo do outro post, que o style substituiu uma rotina de programação, até interessou mais.

Valeu.

[ANDRIL]

Sim o CSS pode até ficar em um arquivo separado. O CSS facilita demais para manter o HTML limpo e ainda o trabalho de estilização através de seletores e classes. Pode-se utilizar o STYLE em inline SOMENTE em casos onde precisa alterar alguma propriedade exclusiva da tag HTML naquele pedaço de código para não ficar criando classes CSS que teriam apenas mais uma marcação. O inline sobre sai sobre a classe.
Até+

[Toledo]

Sim o CSS pode até ficar em um arquivo separado.

Só para exemplificar, você pode criar o arquivo CSS contendo os Style e depois chamar este arquivo dentro de <head> </head> no início de cada arquivo HTML:

Código: Selecionar todos

 <head>
<link rel="stylesheet" type="text/css" href="arquivostyle.css">
</head>

Abraços,

[JoséQuintas]

No meu post acima, de resolver 100%:

Código: Selecionar todos

width="100%"
width:100%

No final era erro de sintaxe, porque é diferente em style ou em html.
É que acabo de corrigir outro lugar que faltava e "enxerguei" isso... rs

Não tem jeito, a gente acaba misturando tudo das linguagens... rs

E quando mistura no fonte... piorou.... rs

Só um trecho do ASP pra curiosidade, misturando ASP e HTML:

Código: Selecionar todos

   IF cbusca = "lat" THEN
      TelaInicial
   END IF
   cSql = "SELECT SIDATA, SINUMLAN, SITITULO, SIPRIORI FROM JPSITE ORDER BY SIPRIORI, SIDATA DESC, SINUMLAN DESC LIMIT 30"
   oRegistro.Open cSql, oConexao
   IF NOT oRegistro.Eof THEN
      DIM nColunas, nTotalColunas, nCont
      nTotalColunas = 2
      nColunas = 0
      nTotalColunas = 2 ' nao deu pra pegar resolucao
      IF nTotalColunas < 2 THEN nTotalColunas = 2
      %>
      <table border=0 cellpadding="5" cellspacing="5" width="100%" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000">
      <%
      FOR nCont = 1 TO nTotalColunas
         Response.Write "<col width=" & Chr(34) & Int( 100 / nTotalColunas ) & "%" & Chr(34) & ">"
      NEXT
      %>
      <tr>
      <%
      oRegistro.Movefirst
      DO WHILE NOT oRegistro.Eof
         IF nColunas = 0 THEN
            %>
            </tr><tr>
            <%
         END IF

Nota: Meio formatado estilo Harbour.... rs