IE Print issue

[moojoo]

I have bingo cards being generated based on the number of employees in a database. This all works, the problem lies in the printing. The float I think is causing IE to not see the rest of the pages. No work around as of yet.

For the print style sheet I have

Code: Select all

table {
   float:left;
   margin:34px;
}

The problem is IE only outputs the first page, if I remove the table style from the print style sheet it previews all the tabels but of course does not line them up. Any ideas? Screen shot of HTML layout and print preview below:

[Ryan Fait]

Are you placing 'clear' divs around or at least after the last card?

[moojoo]

Well that is the problem. It generates based on the entries in a MSSQL table. 268 as of current. So I need to know how to check the loop or something and place a page break after every 6th table. I figured the float in the print css is choking it.

[Ryan Fait]

Are you doing this with PHP?

[moojoo]

Unfortunately no. I wish I could use PHP/MySQL but I am stuck doing it with a MSSQL DB, and a mix of HTML, Javascript and VBScript. The output is handled with javascript. Like I said if I remove the table {} fromt he print style sheet it outputs everything but I need the tables to line up 6 per page thus IE I guess is getting confused and stopping after page one. I did a bunch of research and IE has plenty of known print issues like this anyway. So I need to find a way to force the page breaks.

[spinal007]

I have to do the same on some reports I print from my website.
<%
Dim i : i = 0
Do While (condition)
i = i + 1
If (i mod 6)=0 Then
' add page break
End If

' do the loop thing
' iterate and all that...

Loop
%>

The othe option is to use height:20% or whatever...

[moojoo]

Awesome, I need to search for a js method though but this puts me on the right track.

[spinal007]

Code: Select all

<%
var i = 0
while(condition){
 i++;
 if((i%6)==0){
  // add page break
 }
 
  // do the loop thing
  // iterate and all that...
}
%>

[spinal007]

I would post do the PHP version too but I don't wanna show off...
(and I'm not sure how to do it, lol)

[moojoo]

haha no PHP here, this runs locally on our network etc.. I am stuck with the MS stuff.

[jhappeal]

Not that anyone asked, but I think this would work for php, with row class defined as clear: both and cell class defined as float: left

PHP: Select all

<?php
echo "<div class=\"row\">\n";

for($i = 1; $i < 10; $i++) {

echo "<div class=\"cell\"><img src=\"bingo.jpg\" /></div>\n";

if ((($i % 3) == 0) && (($i % 9) != 0)) {echo "</div>\n<div class=\"row\">\n";}
elseif (($i % 9) == 0) {echo "</div>";}
}// end loop
?>

[Ryan Fait]

There's an easier way to do it in PHP, but it doesn't really matter. That JavaScript should do it though.