function print javascript

[chester31]

sal am functia asta :
function print()
{
var sayfa = window.open('','','width=1000,height=800');
sayfa.document.open("text/html");
sayfa.document.write(document.getElementById('printArea').innerHTML);
sayfa.document.close();
sayfa.print();
}
dupa urmeaza codul html gen
<div class="blabla" style="float:left">
lalalalalala
</div>
<div class="blabla" style="float:left">
lalalalalala
</div>
<div class="blabla" style="float:left">
lalalalalala
</div>
<p onclick = "javascript:window.print()">click</p>
ideea ii ca numi recunoaste float ul din css la printare. Astept idei dc ?....

[X-spert]

Salut,

In primul rand in html-ul pe care l-ai postat nu apare nici o referire la "printArea", care se regaseste in js-ul postat.
In al doilea rand nu am inteles care e problema si unde e. Fii mai explicit! Pt ca asa cum e pus float-ul acum nu face decat sa iti puna tot content-ul pe un rand.

Bafta!

[chester31]

<script type="text/javascript">
function print()
{
var sayfa = window.open('','','width=1000,height=800');
sayfa.document.open("text/html");
sayfa.document.write(document.getElementById('printArea').innerHTML);
sayfa.document.close();
sayfa.print();
}
</script>
dupa urmeaza codul html gen
<div id ="printArea">
<div class="blabla" style="float:left;width:300px;">
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
</div>
<div class="blabla" style="float:left;width:300px;">
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
</div>
<div class="blabla" style="float:left;width:300px;">
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
</div>
</div>
<p onclick = "javascript:window.print()">click</p>

[chester31]

deci pe pagina de html apare gen :
lalalalalallaal lalalalalallaal lalalalalallaal
lalalalalallaal lalalalalallaal lalalalalallaal
lalalalalallaal lalalalalallaal lalalalalallaal
lalalalalallaal lalalalalallaal lalalalalallaal

pe pagina de printare apare gen :
lalalalalallaal lalalalalallaal
lalalalalallaal lalalalalallaal
lalalalalallaal lalalalalallaal

lalalalalallaal
lalalalalallaal
lalalalalallaal
ideea ii ca nu-mi recunoaste floatul , nush dc mai inteles

[ViezuREX]

Asta se intampla pentru ca latime paginii la printare este mult mai mica decat afisezi tu (3 x 300px). Daca incerci acelasi lucru folosind width de 150px vei vedea ca totul functioneaza normal.

[chester31]

ciudat , ca dc scriu asa la style cu margini fara float:
<script type="text/javascript">
function print()
{
var sayfa = window.open('','','width=1000,height=800');
sayfa.document.open("text/html");
sayfa.document.write(document.getElementById('printArea').innerHTML);
sayfa.document.close();
sayfa.print();
}
</script>
dupa urmeaza codul html gen
<div id ="printArea" >
<div class="blabla" style="">
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
</div>
<div class="blabla" style="margin-left:300px;margin-top:-150px;">
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
</div>
<div class="blabla" style="margin-left:600px;margin-top:-150px;">
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
<p>lalalalalala</p>
</div>
</div>
<p onclick = "javascript:window.print()">click</p>

atunci imi afiseaza corect la printare exact cum ii pe pagina html.

[ViezuREX]

Este firesc ... pentru ca nu mai constrangi pe nimeni cu o anumita latime. Ai pus margin-left insa asta nu face altceva decat sa deplaseze containerul nu il constrange ca si latime.