Ir para conteúdo
Fórum Script Brasil
  • 0

Fixando posição de Tabela no Código


Julio_EngHaw

Pergunta

Pessoal é o seguinte Preciso fixar o tamanho de uma Tabela, para que ela não mova caso o conteudo dela diminua, por exemplo....a tabela1 tem 5 linhas de texto, dai a tabela2 segue logo abaixo, caso essa tabela1 fique com 3 linhas, a tabela2 precisa estar no mesmo lugar que antes e não acompanhar a tabela 1 que diminuiu.

Estou usando isso na conversão de HTML/CSS em PDF pelo plugin TCPDF

Grato

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

ola

tem algumas mandeiras de se fazer isso, eu faço assim, crie uma div para cada tabela, e coloque o atributo float na primeira, e crie outra div dentro da primeira div junto com a tabela, e coloca float tambem nela e nela tu define a largura que vai ser.

segue um exemplo, apague depois algumas linhas e veja que a segunda tabela continua no mesmo lugar.

css

#div1{
   padding:10px;
   width:200px;
   height:auto;
   float:left;
   margin-bottom:10px;
  }
  #div2{
   padding:10px;
   width:200px;
   clear:both;
  }
  td{
   width:200px;
   border:1px #000000 solid;
  }
html
<div id="div1">
  <div style="float: left; height:150px;"></div>
  tabela 1
  <table cellspacing="0">
   <tr>
    <td>linha1</td>
   </tr>
   <tr>
    <td>linha2</td>
   </tr>
   <tr>
    <td>linha3</td>
   </tr>
   <tr>
    <td>linha4</td>
   </tr>
   <tr>
    <td>linha5</td>
   </tr>
  </table>
 </div>

 <div id="div2">
  tabela2
  <table cellspacing="0">
   <tr>
    <td>linha1</td>
   </tr>
   <tr>
    <td>linha2</td>
   </tr>
   <tr>
    <td>linha3</td>
   </tr>
  </table>
 </div>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...