打印模态..第二页不打印

时间:2011-02-10 22:55:05

标签: javascript jquery html css

我有一个显示食谱的模态(使用jquery jqmodal插件)。当我们打印长篇食谱时,第二页不会打印。

http://www.markethallfoods.com/products.php?product=Organic-Alternative-Sweeteners

点击我们的水果蛋糕链接,然后尝试打印。 我已经重置了溢出,浮动等......这是与之相关的CSS。

.recfloatleft {display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline; vertical-align: top; width: 180px;}
ul.recfloatleft {margin-bottom: 0;}
.combined {font-weight: bold;}

@media print {
body {width: 100%; margin: 0; padding: 0;font-size: 9pt; line-height: 10pt;}
ul.recfloatleft{ font-size: 10pt; width: 180px;}
* {border: 1px solid white;}
.noprint, .Left {
 display:none
}
.jqmWindow p {overflow: visible;}
.mainRecipe {margin: 0; padding: 0; width: 100%; float: none;}
div.logoimg {width: 800px; height: 75px;} 
.jqmWindow
.jqmWindow li {line-height: 10pt;}
.print , .print ul { font-size: 9pt; line-height: 10pt;}
.print p {margin-bottom: 12pt;}
.print {display: block !important; }

.jqmWindow {
background-color: white;
border:0px none;
color:inherit;
left:10px;
margin-left:0;
padding:0px;
position:inherit;
top:0;
width:95%;
}
#footerWrapper {display: none;}
}

0 个答案:

没有答案
相关问题