12 replies [Last post]
Zippeh
Offline
Regular
Last seen: 15 years 17 weeks ago
Joined: 2004-12-17
Posts: 23
Points: 0

Hi there!

I'm trying to put page breaks into my code between tihngs that need to be printed. It works fine in IE, and I've searched this site and it says it should work fine in Firefox as well.

Here is the HTML :

<hr class="holltiTudalen" />

and the CSS in the print stylesheet:

hr.holltiTudalen {
	page-break-after:always;
}

It's just not breaking in the print preview of firefox tho :([/code]

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 10 weeks 13 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

page-break-after probs in Firefox

Can you show us a link? Or the rest of the code?

Verschwindende wrote:
  • CSS doesn't make pies

Zippeh
Offline
Regular
Last seen: 15 years 17 weeks ago
Joined: 2004-12-17
Posts: 23
Points: 0

page-break-after probs in Firefox

I'm afraid I can't post a link as the site is hosted internally at my work.

Here is some more of the code around the <hr>

<table class="GWYTablGanol">
  <tr>
    <th class="GWYTablGanol" colspan="2">Ffurflen Monitro</th>
  </tr>

  <tr>
    <th class="GWYTablGanol">Gwybod am y Swydd?</th>
    <td class="GWYTablGanol">Gwefan</td>
  </tr>
  <tr>
    <th class="GWYTablGanol">Dychwelyd i Waith?</th>
    <td class="GWYTablGanol">Nac Ydw</td>

  </tr>
  <tr>
    <th class="GWYTablGanol">Cenedligrwydd</th>
    <td class="GWYTablGanol">Cymro/Cymraes</td>
  </tr>
  <tr>
    <th class="GWYTablGanol">Grwp Ethnig</th>

    <td class="GWYTablGanol">Gwyn</td>
  </tr>
  <tr>
    <th class="GWYTablGanol">Anableddau</th>
    <td class="GWYTablGanol">Nac Ydw</td>
  </tr>
</table>
<hr class="holltiTudalen" />

<div id="penPrintioSwyddi">Ffurflen Gais</div>
    <br />
    <table class="GWYTablGanol">
      <tr>
        <th class="GWYTablGanol">Swydd</th>
        <td class="GWYTablGanol">Swydd 2</td>
        <th class="GWYTablGanol">Lleoliad</th>

        <td class="GWYTablGanol">Dolgellau</td>
      </tr>
      <tr>
        <th class="GWYTablGanol">Gwasanaeth</th>
        <td class="GWYTablGanol">Amgylchedd</td>
        <th class="GWYTablGanol">Cyfeirnod</th>
        <td class="GWYTablGanol">65</td>

      </tr>
    </table>

The top bit is the tail end of one job application, while the bit under the <hr> is the beginning of a new one. They should be printed on different bits of paper.

I've no idea why it's not working Sad

Anonymous
Anonymous's picture
Guru

page-break-after probs in Firefox

Are you defining a print stylesheet in your markup? Like this:
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
and including this in print.css:

@media print {
hr.holltiTudalen  { page-break-after:always; }
}

It seems to pick it up if you define a separate print stylesheet and use the @media print in the print stylesheet

Zippeh
Offline
Regular
Last seen: 15 years 17 weeks ago
Joined: 2004-12-17
Posts: 23
Points: 0

page-break-after probs in Firefox

I have the @media print statement in the stylesheet, and this is the stylesheet inclusion in the html:

<link rel="stylesheet" media="print" href="/mainprint.css" type="text/css" />

All the other print only styles come through fine though! And the hr isn't getting overridden anywhere either.

I've made a small little test page with some text and a <hr> with a page-break in it and it works fine! I'm at a loss here!

Anonymous
Anonymous's picture
Guru

page-break-after probs in Firefox

can you post your entire mainprint.css?

Also try page-break-before: always; just for kicks.

Zippeh
Offline
Regular
Last seen: 15 years 17 weeks ago
Joined: 2004-12-17
Posts: 23
Points: 0

page-break-after probs in Firefox

I best not! There's 900lines of the sucker. Not coded by me though, its some external company crap that desperately needs sorting!

I've also added page-break-before and still nothing in firefox. IE now kindly breaks twice Smile

Anonymous
Anonymous's picture
Guru

page-break-after probs in Firefox

Zippeh wrote:
I best not! There's 900lines of the sucker. Not coded by me though, its some external company crap that desperately needs sorting!

I've also added page-break-before and still nothing in firefox. IE now kindly breaks twice SmileI meant instead of page-break-after, not in addition to. Wink

Pfft, only 900 lines? Go ahead and post it so I can see what's happening. I want to see the print css not the screen css.

Zippeh
Offline
Regular
Last seen: 15 years 17 weeks ago
Joined: 2004-12-17
Posts: 23
Points: 0

page-break-after probs in Firefox

Ok here goes!

@media print {
	
br.holltiTudalen {
	page-break-after:always;
}

#penPrintioSwyddi {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 10px;
}

TABLE.GWYTablGanol
{
    BORDER-RIGHT: #063 1px solid;
    BORDER-TOP: #063 1px solid;
    BORDER-LEFT: #063 1px solid;
    BORDER-BOTTOM: #063 1px solid;
    BORDER-COLLAPSE: collapse;
    border-spacing: 0;
	 width: 600px;
	 margin: 0 0 0 5px;
}
TD.GWYTablGanol
{
    PADDING: 4px;
    MARGIN: 0px;
    FONT: 0.7em Verdana, Arial, Helvetica, sans-serif;
    BORDER-TOP: #063 1px dotted;
    /*BORDER-RIGHT: #063 1px solid;
    BORDER-LEFT: #063 0px solid;
    BORDER-BOTTOM: #063 0px solid;*/
    BACKGROUND-COLOR: #fff
}
TD.GWYTablGanolHighlight
{
    BORDER-TOP: #063 1px dotted;
    /*BORDER-LEFT: #063 0px solid;
    BORDER-RIGHT: #063 1px solid;
    BORDER-BOTTOM: #063 0px solid;*/
    PADDING: 4px;
    MARGIN: 0px;
    FONT: 0.7em Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #E1EDE4
}
TH.GWYTablGanol
{
	BORDER-TOP: #063 1px dotted;
	BORDER-RIGHT: #063 1px dotted; 	 
    /*  
    BORDER-BOTTOM: #063 0px solid;
	 BORDER-LEFT: #063 0px solid;
    */
    PADDING: 4px;
    MARGIN: 0px;
    FONT: 0.8em Verdana, Arial, Helvetica, sans-serif;
    COLOR: #900;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: left;
	 font-weight: bold;
}

div.languagetop {
	display: none;
}

.crumb {
	display: none;
}

.IsDeitl {
	display: none;
}

#GWYemail {
	display:none;
}

/*general styles */
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
	
/*top navigation styles */
#topnav {
	display: none;
}


/*mast logo and picture */
#mastcontainer {
	background-color: #ccc;
	display:none;
}

#logo {
	text-align: left;
	padding: 0px 5px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#mastpic {
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display:none;
}

/*main navigation styles */
#mainnav {
	display: none;
}


/*main table columns */
#maintable {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #fff;
}

#leftcolumn {
	display: none;
}

#leftgutter {
	display: none;
}

#middlecolumn {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	background-color: #fff;
}

#maincontainer {



}

#rightcolumn {
	display: none;
}

#rightgutter {
	display: none;
}

#rightcontainer {
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
	background-color: #fff;
}

#righthandheader {
	border-bottom: 1px solid #fff;
	margin: 10px 10px 0px 0px;
	padding: 40px 0px 3px 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	background-color: #999;
}

#rightnavcontainer{
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 0px;
}
	
.rightnav {
	border-bottom: 1px solid #fff;
	margin-top: 0px;
	color: #000;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #ccc;
	padding: 3px 0px 3px 20px;
}

	
.rightnav:hover {
	color: #666666;
	background: #fff url(graphics/navgraphic.gif) no-repeat right;
}

.rightnavon {
	border-bottom: 1px solid #FFF;
	margin-top: 0px;
	color: #999;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #fff;
	padding: 3px 0px 3px 20px;
}

	
.rightnavon:hover {
	color: #fff;
	background: #999 url(graphics/navgraphic.gif) no-repeat right;
}

/*search box */
#box {
	border: 1px solid #CC99CC;
	margin: 0px 10px 15px 0px;
	padding: 20px 5px 20px 5px;
	font: 0.7em Arial, Helvetica, sans-serif;
	background-color: #CC99CC;
}

.searchinput {
	border: 1px solid #996699;
	width: 100px;
}

	
.input {
	border: 1px solid #996699;
	width: 190px;
	font-size: 1em;
	margin-bottom: 5px;
}

.inputdate {
	border: 1px solid #996699;
	font-size: 1em;
	margin-bottom: 5px;
}

		
.button {
	border: 1px solid #996699;
	color: #fff;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	font: 1em Arial, Helvetica, sans-serif;
	background-color: #996699;
}

#catdocspanel, .button {
	margin: 20px 0px 0px 0px;
}

	
	
/*text styles */
p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

	
		
H2 {
	color: #996699;
	font: normal 1em Arial, Helvetica, sans-serif;
}

/*left nav container and links */
#leftnavcontainer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
}

#leftnavheader {
	border-bottom: 1px solid #fff;
	margin: 10px 0px 0px 10px;
	padding: 40px 0px 3px 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	background-color: #999;
}

.leftnav{
	border-bottom: 1px solid #FFF;
	margin-top: 0px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #996699;
	padding: 3px 0px 3px 20px;
}

	
.leftnav:visited {
	color: #fff;
}

.leftnav:hover {
	color: #999;
	background: #fff url(graphics/navgraphic.gif) no-repeat right;
}

.leftnavon {
	border-bottom: 1px solid #FFF;
	margin-top: 0px;
	color: #999;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #ccc;
	padding: 3px 0px 3px 20px;
}

	
.leftnavon:hover {
	color: #fff;
	background: #999 url(graphics/navgraphic.gif) no-repeat right;
}

	
.hide {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	position: absolute;
	top: -100px;
	left: -100px;
}

/*footer and container */
#crumbcontainer {
	margin: 10px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	background-color: #ccc;
}

.crumb {
	margin: 10px 10px 5px 10px;
	padding: 0px;
	color: #333;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #ccc;
}

.crumb a {
	color: #660066;
	text-decoration: underline;
}

	
.crumb a:hover {
	color: #fff;
}

/*footer and container */
#footercontainer {
	clear: both;
}

	
#addressfooter {
	color: #000;
	padding: 6px 0px 6px 10px;
	margin: 0px 0px 0px 0px;
	font: 0.65em Arial, Helvetica, sans-serif;
	background-color: #ccc;
}

#bottomnav1container {
	float: left;
	margin: 0px;
	padding: 0px;
}

		
#bottomnav1 {
	padding: 2px 0px 9px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #996699;
}

	
#bottomnav1 a.on {
	color: #fff;
	background-color: #999;
}

#bottomnav1 a:hover.on{
	color: #fff;
	background-color: #ccc;
}

	
#bottomnav1 SPAN {
	color: #996699; /*colour of hidden pipe*/
}

#bottomnav1 a {
	color: #fff;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font: normal 0.7em/20px Arial, Helvetica, sans-serif;
	background-color: #CC99CC;
}

#bottomnav1 a:hover {
	color: #fff;
	background-color: #999;
}

#bottomnav2 {
	padding: 0px 0px 20px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}

	
#bottomnav2 a {
	color: #999;
	margin: 3px 0px 0px 0px;
	padding: 2px 5px 2px 0px;
	text-decoration: none;
	font: normal 0.7em/20px Arial, Helvetica, sans-serif;
	background-color: #fff;
}

	
#bottomnav2 a.on {
	color: #666666;
	font-weight: bold;
	background-color: #fff;
}

#bottomnav2 a:hover.on{
	color: #999;
}

#bottomnav2 a:hover {
	color: #ccc;
	background-color: #fff;
}

#bottomnav2 SPAN {
	color: #996699; /*colour of hidden pipe*/
}



/* cat box H1*/
.catmast{
	border: 1px solid #000;
	background-color: #999;
	color: #fff;
	margin: 15px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.95em Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	
/*cat panel  table style for top category pannel*/
.catpanel {
	background-color: #ccc;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0px 0px 15px 0px;
	width: 100%;
	padding: 15px;
}

.catpanel td{
	padding: 15px;
}

.catsummary {
	font: normal 0.7em Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding: 0px;
}

.cattext { 
	font: normal 0.7em Arial, Helvetica, sans-serif; 
	padding: 0px;
}


/*date */
.date {
	color: #000;
	font: 0.7em Arial, Helvetica, sans-serif;
}

.doctype{
	color: #fff;
	font: 0.7em Arial, Helvetica, sans-serif;
}


.eventsdate{
	color: #636;
	font: 1.2em Arial, Helvetica, sans-serif;
}

#events .catdocspanel .date{
	color: #000;
	font: 0.7em Arial, Helvetica, sans-serif;
}
#events .catdocspanel .eventsdate{
	color: #000;
	font: 1em Arial, Helvetica, sans-serif;
}


/* events bottom box */
#eventsbottommast, #eventsmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin: 15px 0px 0px 0px;
	background-color: #666666;
	color: #fff;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

#eventsmast {
	margin: 0px 0px 14px 0px;
	border-bottom: 1px solid #000
}

#eventsbottommast {
	margin: 0px 0px 0px 0px;
}
	
.eventsbottompanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	background-color: #c9c;
	padding: 10px;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}

	
.eventsbottompanel a {
	color: #fff;
	text-decoration: none;
}

.eventsbottompanel a:visited {
	color: #fff;
}
.eventsbottompanel a:hover {
	color: #333;
}

.eventsbottompanel SPAN {
	color: #333; /*colour of hidden pipe*/
}

/* pictures */
.picture {
	float: right;
	margin: 0px 0px 15px 15px;
	font: normal 0.7em Arial, Helvetica, sans-serif;

}
.picture IMG {
	border: 2px solid #fff;
	margin-bottom: 3px;

}
/* doc page box */
.docpagemast {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #ccc;
	color: #636;
	margin: 15px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
}
.tablediv {
	WIDTH: 100%;
	margin-bottom: 20px;
}

#docpagepanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	background-color: #ccc;
}
#docpagepanel td{
	padding: 15px;
}
.docpagepaneltext {
	text-decoration: none;
	color: #666666;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}
.docpagepaneltext ul {
	margin: 10px 40px 10px 40px;
	padding: 0px 0px 0px 0px;
}
.docpagepaneltext ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px 0px 5px 0px;
} 
.docsummary {
	text-decoration: none;
	color: #000;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}
	

	
			
/* Related Stuff */
	
#relatedmast, #imagesmast, #tablesmast, #weblinksmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #666666;
}

	
#relatedmast H2, #imagesmast H2, #tablesmast H2, #weblinksmast H2 {
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

	
#relatedpanel, #imagespanel, #tablespanel, #weblinkspanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 30px 10px;
	background-color: #ccc;
}

	
#relatedpanel p, #imagespanel p, #tablespanel p, #weblinkspanel p {
	text-decoration: none;
	color: #000;
	padding: 0px 0px 5px 0px;
	margin: 3px 0px 5px 0px;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}

.relatedheader, .imagesheader, .tablesheader, .weblinksheader {
	color: #636;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
}

	
.relatedheader:hover, .imagesheader:hover, .tablesheader:hover, .weblinksheader:hover {
	color: #fff;
}

	
#relatedpanel ul, #imagespanel ul, #tablespanel ul, #weblinkspanel ul {
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}

#relatedpanel ul li, #imagestpanel ul li, #tablespanel ul li, #weblinkspanel ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px;
}

	
#relatedpanel ul li a, #imagespanel ul li a, #tablespanel ul li a, #weblinkspanel ul li a {
	color: #636;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

		
#relatedpanel ul li a:hover, #imagespanel ul li a:hover, #tablespanel ul li a:hover, #weblinkspanel ul li a:hover {
	color: #fff;
}



/*attachments */
	
#attachmentsmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #666666;
}

	
#attachmentsmast H2 {
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}
	
#attachmentspanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #cc99cc;
}

	
#attachmentspanel a {
	color: #000;
	text-decoration: none;
	margin-left: 3px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

#attachmentspanel a:hover {
	color: #fff;
}
	


/* more in section third level nav */
#thirdlevelmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #666666;
}

	
#thirdlevelmast H2 {
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}
	
#thirdlevelpanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ccc;
}

	
#thirdlevelpanel ul {
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}

#thirdlevelpanel ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px;
}

	
#thirdlevelpanel ul li a {
	color: #636;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

		
#thirdlevelpanel ul li a:hover {
	color: #fff;
}

	
	
/*Press releases */
.catdocsmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #969;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}



.catdocsheader {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
}

	
.catdocsheader:hover {
	color: #333;
}

/* Pannel with links to documnts on category page and home page can be changed for latest news, press releases, what's on*/
/* Styles #latest  #press  #whatson  */
.catdocspanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	background-color: #CC99CC;
	padding: 15px;
	width: 100%;
}

.catdocspanel td {
	padding: 15px;
}



.catdocspanel p {
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin-bottom: 10px;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}
  
.catdocspanel ul {
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}

.catdocspanel ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px;
}

	
.catdocspanel ul li a {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

.catdocspanel ul li a:visited {
	color: #FFF;
}	
.catdocspanel ul li a:hover {
	color: #333;
}

#whatson .date {

}
/* AZ Link styles*/
.az a {
	float: left;
	border: 1px solid #c9c;
	margin: 2px 1px 2px 1px;
	padding: 3px 1px 3px 1px;
	background-color: #996699;
	font: bold 1em Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	padding: 0px 10px 0px 10px;
}

.az a:hover {
	background-color: #999;
	color: #000;
}
}



Anonymous
Anonymous's picture
Guru

page-break-after probs in Firefox

Zippeh wrote:
Ok here goes!

br.holltiTudalen {
	page-break-after:always;
}
OK, are you using <br class="holltiTudalen"/> (as shown here) or <hr class="holltiTudalen"/> (as shown in your original question)?

Confusing the two can be solved by taking the tag out of the css like this:

.holltiTudalen {
	page-break-after:always;
}

That way both <br class="holltiTudalen"/> and <hr class="holltiTudalen"/>will work.

It works for me locally. How are you testing it to see if it works or not? Are you actually printing the pages?

Zippeh
Offline
Regular
Last seen: 15 years 17 weeks ago
Joined: 2004-12-17
Posts: 23
Points: 0

page-break-after probs in Firefox

sorry for confusion! I've changed the asp now to output a <br> instead. I've also just changed the css to .holltiTudalen instead now.

Been printing them out and checking the print preview with no luck!

Anonymous
Anonymous's picture
Guru

page-break-after probs in Firefox

Zippeh wrote:
sorry for confusion! I've changed the asp now to output a <br> instead. I've also just changed the css to .holltiTudalen instead now.

Been printing them out and checking the print preview with no luck!I dunno. It works on this end. FF/Mac has been pretty consistant with FF/Win.

What version of FF are you trying it on?

Zippeh
Offline
Regular
Last seen: 15 years 17 weeks ago
Joined: 2004-12-17
Posts: 23
Points: 0

page-break-after probs in Firefox

Most recent one, 1.5.0.1.

I can't understand why it's not working Sad