打印友好版本,尝试打印2列信息

Question

这是我试图使打印友好的页面,因此它将列出两列中的所有内容

在这里查看页面

这是每个信息块所在的div的css

#off-campus-print-friendly {
  font-family:arial;
  border:1px solid red;
  overflow:auto;
  font-size:.8em;
  line-height:1.5em;
  padding:10px;
}

#off-campus-print-friendly div {
  width:45%;
  float:left;
}

#off-campus-print-friendly p {
  margin:5px 0;
}

当我打印页面时,它只在一列中打印,而不是在页面上显示.

任何帮助表示赞赏.

Answer 1

将您的链接更改为样式表以进行屏幕和打印

<link rel="stylesheet" type="text/css" media="screen, print" href="http://www.herkimer.edu/?css=styles/print.v.1245694939" charset="utf-8" />

通过编辑页面上的源代码(firebug)进行测试,它可以正常工作.