greenkiwi1589
07-08-2010, 02:14 AM
Hi Everyone,
I have a very annoying bug with Firefox on a site I'm currently working on. When I go to print a page, it only prints the first page. This only occurs in Firefox, and there is no issue printing out in Safari, Chrome etc.
The site is a Drupal 5 site and you can view the problem page at the following link http://aangel.dyndns.org:8888/portfolio
This page does not use Tables or Frames.
So far I have tried all the fixes I'm aware off in the print.css file....
- Unfloating elements
- Setting overflow to visible for all elements
- All elements positions are relative not absolute
- Body does not have a height:100% property
- The HTML code for the page is valid.
- I have also waved a dead chicken in front of the screen to no avail :P
The print.css file is as follows:
/* underline all links */
a:link, a:visited
{
text-decoration: underline !important;
}
/* Don't underline header */
#site-name a:link,
#site-name a:visited
{
text-decoration: none !important;
}
/* CSS2 selector to add visible href after links
#content a:link:after,
#content a:visited:after
{
content: " (" attr(href) ") ";
font-size: 0.8em;
font-weight: normal;
}
*/
/* Un-float the content */
#content,
#content-inner
{
float: none;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
/* Turn off any background colors or images */
body,
#page, #page-inner,
#main, #main-inner,
#content, #content-inner
{
color: #000;
background-color: transparent !important;
background-image: none !important;
overflow: visible !important;
}
/* Hide sidebars and nav elements */
#skip-to-nav, #navbar, #sidebar-left, #sidebar-right, #footer,
.breadcrumb, div.tabs, .links, .taxonomy,
.book-navigation, .forum-topic-navigation, .pager, .feed-icons
{
visibility: hidden;
display: none;
}
/* Corrections so that firefox prints correctly */
/* Changed overflow's to 'visible' */
.section-leadership .view-content-leadership
{
overflow: visible;
height: 1%;
}
.section-news .view-content-portfolio
{
overflow: visible;
height: 1%;
}
#navbar
{
overflow: visible; /* May need to be removed if using a dynamic drop-down menu */
}
.front .panel-flexible .panel-row-2 .panel-col-1 ul li img
{
float:none !important;
}
img.imagefield-field_snippet_image,
.front .panel-flexible .panel-row-2 .panel-col-2 img
{
float:none !important;
}
I'm running MAC OS X 10.6.4 and Firefox 3.6.6
I am at something of a loss, any help you could give would be appreciated.
I have a very annoying bug with Firefox on a site I'm currently working on. When I go to print a page, it only prints the first page. This only occurs in Firefox, and there is no issue printing out in Safari, Chrome etc.
The site is a Drupal 5 site and you can view the problem page at the following link http://aangel.dyndns.org:8888/portfolio
This page does not use Tables or Frames.
So far I have tried all the fixes I'm aware off in the print.css file....
- Unfloating elements
- Setting overflow to visible for all elements
- All elements positions are relative not absolute
- Body does not have a height:100% property
- The HTML code for the page is valid.
- I have also waved a dead chicken in front of the screen to no avail :P
The print.css file is as follows:
/* underline all links */
a:link, a:visited
{
text-decoration: underline !important;
}
/* Don't underline header */
#site-name a:link,
#site-name a:visited
{
text-decoration: none !important;
}
/* CSS2 selector to add visible href after links
#content a:link:after,
#content a:visited:after
{
content: " (" attr(href) ") ";
font-size: 0.8em;
font-weight: normal;
}
*/
/* Un-float the content */
#content,
#content-inner
{
float: none;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
/* Turn off any background colors or images */
body,
#page, #page-inner,
#main, #main-inner,
#content, #content-inner
{
color: #000;
background-color: transparent !important;
background-image: none !important;
overflow: visible !important;
}
/* Hide sidebars and nav elements */
#skip-to-nav, #navbar, #sidebar-left, #sidebar-right, #footer,
.breadcrumb, div.tabs, .links, .taxonomy,
.book-navigation, .forum-topic-navigation, .pager, .feed-icons
{
visibility: hidden;
display: none;
}
/* Corrections so that firefox prints correctly */
/* Changed overflow's to 'visible' */
.section-leadership .view-content-leadership
{
overflow: visible;
height: 1%;
}
.section-news .view-content-portfolio
{
overflow: visible;
height: 1%;
}
#navbar
{
overflow: visible; /* May need to be removed if using a dynamic drop-down menu */
}
.front .panel-flexible .panel-row-2 .panel-col-1 ul li img
{
float:none !important;
}
img.imagefield-field_snippet_image,
.front .panel-flexible .panel-row-2 .panel-col-2 img
{
float:none !important;
}
I'm running MAC OS X 10.6.4 and Firefox 3.6.6
I am at something of a loss, any help you could give would be appreciated.