window.print()

[CrazyLOL 2]

Galera, estou usando a função window.print para imprimir alguns itens em minha pagina...

 

Porém ele esta imprimindo o conteudo tudo em Lista melhor explicando tenhos uma div que separa o conteudo por coluna exemplo:

 

  <div class="row-fluid">
          <div class="span6">
coluna 1
</span>
 

<div class="span6">
coluna 2
</span>

</div>

Nesse exemplo que coloquei fica a visualização assim:

 

 

coluna 1 | coluna 2

 

Porém quando uso o window.print sai dessa maneira;

 

coluna 1

coluna 2

 

Existe alguma forma que posso configurar essa função?

Eu tenho uma funcao que chama o windo-print() que é esse...

<script>
$('[data-impressao="print"]').click(function(e)
{
e.preventDefault();
 
$("#collapse-2-1").attr('class','accordion-body collapse in');
$("#collapse-1-1").attr('class','accordion-body collapse in');
 
window.print();
});
</script>

[FreitasMT 29]

bom...

 

 

se você deseja separar os conteudos por coluna e linha não prefere utilizar tabelas?

[CrazyLOL 2]

O problema é que as tabelas deixam desconfigurado o conteudo que tem dentro das colunas...

 

:S

[FreitasMT 29]

sei.......... se o css está correto então alguma coisa está acontecendo na impressão do html com o seu javascript

 

 

inspecione o HTML gerado pelo js precionando CTRL+SHIFT+ i verifique se os elementos estão sendo escritos da forma correta

[Ronaldo Bueno 23]

Aconselho você colocar um botão para imprimir e quando clicar abra uma outra pagina com o css somente para impressão

[CrazyLOL 2]

Inspecionei Freita, aparentemente está ok...

[FreitasMT 29]

mostra a saída do HTML inspecionado pra gente ver......

 

por que assim.......

 

se o HTML que está saindo é o que você postou la em cima cara ta errado e muito. rsrsrs

 

eu vi agora mas não era pra ser assim:

  <div class="row-fluid">
          <div class="span6">
coluna 1
</span>
 
<div class="span6">
coluna 2
</span>
</div>

acho que devia ser assim:

<div class="row-fluid">
   <div class="span6">
      coluna 1
   </div>
 
    <div class="span6">
       coluna 2
     </div>
     <div class="clear"></div>
</div>

você fechou a div com </span>

 

 

e o seu CSS devia ser assim:

 

.row-fluid .span6 {
    float: left;
    background: silver;
    margin-right: 5px;
    padding: 10px;
}
.clear {
    clear: both;
}

 

a div clear server para corrigir o float.

 

 

abs