No one in CSS forums

[aeroswat]

I have a sheet of paper that is divided into 3 sections. I want to make a css controlled div for each of these 3 sections. My problem is that I have a dynamically generated report (with php/mysql) of orders that I want to create a div to hold each one. Each of these divs must handle exactly 1/3 of each of these pages in order to print properly. What do I have to set in my div class in order to do this? Each of these divs that is taking up 1/3 of a print page is a container for many more divs of course.

[aeroswat]

Anyone?  :'(

[Buddski]

The problem with printing is a pixel is completely irrelevant when a piece of paper is concerned..

[aeroswat]

By the way this is what I have so far... I just need the outer container for these

 

div1/2/3/4order all go in the others and the others go in outorder. I should have 3 outorders fit into one div class that fills a whole print page. Aren't there other measurements other than pixels that might be of use here? I'm trying to search for a place to  but no avail so far. Can I use 11in as a value for the height property on my outside container?

 

.outorder{
position: relative;
overflow: hidden;
margin: 0px auto;
height: 33%;
width: 100%;
}
.toporder{
position: relative;
overflow: hidden;
margin: 0px auto;
height: 7%;
width: 100%;
}
.midorder{
position: relative;
overflow: hidden;
margin: 0px auto;
height: 40%;
width: 100%;
}
.mainorder{
position: relative;
overflow: hidden;
margin: 0px auto;
height: 33%;
width: 100%;
}
.bottomorder{
position: relative;
overflow: hidden;
margin: 0px auto;
height: 20%;
width: 100%;
}
.div1order{
position: relative;
overflow: hidden;
float: left;
width: 60%;
left: 3%;
background-color: #f4f4f4
}	
.div2order{
position: relative;
overflow: hidden;
float: left;
width: 40%;
left: 101%;
background-color: #e6e6e6
}
.div3order{
position: relative;
overflow: hidden;
float: left;
width: 50%;
left: 3%;
background-color: #f4f4f4
}	
.div4order{
position: relative;
overflow: hidden;
float: left;
width: 50%;
left: 101%;
background-color: #e6e6e6
}