Full print of a fieldset element in FF browser.

@JMRKERauthorFeb 24.2012 — #Here's the HTML with the content removed.

Just make the content longer than one printed page for any <fieldset> region to see the problem.

<i>
 </i>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt; Currculum Vitae &lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 function toggle(IDS) {
 var e = document.getElementById(IDS);
 if ((e.style.display == 'block')
 || (e.style.display == '')) { e.style.display = 'none'; }
 else { e.style.display = 'block'; }
 }
 
 &lt;/script&gt;
 
 &lt;style type="text/css"&gt;
 fieldset { width:90&amp;#37;; }
 legend { font-weight:bold; color:blue; }
 ul { margin:0px 10px; padding:0px 10px; }
 li { list-style-type:none; }
 
 #TOCcontents a { text-decoration:none; }
 #TOCcontents li { list-style-type:none; display:inline; border:1px solid blue; } 
 #TOCcontents li:hover { background-color:orange; }
 &lt;/style&gt;
 
 &lt;/head&gt;
 &lt;body&gt;
 &lt;a name="TOP"&gt;&lt;/a&gt;
 &lt;center&gt;
 &lt;h2&gt;John Jacob Jingleheimer Smith&lt;/h2&gt;
 Company&lt;br&gt;
 Division - 
 Department&lt;br&gt;
 Address, City, State, Zipcode&lt;br&gt;
 Phone: 123-456-7890	Email: 
 email.somewhere.com&lt;br&gt;
 &lt;/center&gt;
 
 &lt;button onclick="toggle('TOCcontents')"&gt;Table of Contents&lt;/button&gt;&lt;br&gt;
 &lt;div id="TOCcontents" style="display:none"&gt;
 &lt;ul&gt;
 
 &lt;li&gt;&lt;a href="#EDUCATION"&gt;Education&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#TEACHING"&gt;Teaching Experience&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#EXPERIENCE"&gt;Professional Experience&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#PRESENTATIONS"&gt;Peer Reviewed Presentations&lt;/a&gt;&lt;/li&gt;
 &lt;br&gt;
 &lt;li&gt;&lt;a href="#POSTERS"&gt;Research Activities &amp;amp; Posters&lt;/a&gt;&lt;/li&gt;
 
 &lt;li&gt;&lt;a href="#GRANTS"&gt;Grants &amp;amp; External Support&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#CITATIONS"&gt;Citations&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#LECTURES"&gt;Guest Lectures&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#APPLICATIONS"&gt;Computer Applications&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#Miscellaneous"&gt;Miscellaneous Information&lt;/a&gt;&lt;/li&gt;
 
 &lt;/ul&gt;
 &lt;/div&gt;
 
 &lt;a name="EDUCATION"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt; &lt;legend&gt;EDUCATION&lt;/legend&gt;
 Education Listings
 &lt;/fieldset&gt;
 
 &lt;a name="TEACHING"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;TEACHING EXPERIENCE&lt;/legend&gt;
 Teaching Listings
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt;
 
 &lt;a name="EXPERIENCE"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;Professional Experience&lt;/legend&gt;
 Professional Experience
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt;
 
 &lt;a name="PRESENTATIONS"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;PEER REVIEWED PUBLISHED PAPERS and PRESENTATIONS&lt;/legend&gt;
 &lt;ul&gt;
 &lt;li&gt;Published Papers&lt;/li&gt;
 &lt;/ul&gt;
 &lt;ul&gt;
 &lt;li&gt;Presentations&lt;/li&gt;
 &lt;/ul&gt;
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt;
 
 
 &lt;a name="POSTERS"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;RESEARCH ACTIVITIES, PUBLISHED ABSTRACTS and PEER REVIEWED POSTERS&lt;/legend&gt;
 &lt;ul&gt;
 &lt;li&gt;Posters&lt;/li&gt;
 &lt;/ul&gt;
 &lt;ul&gt;
 &lt;li&gt;Abstracts&lt;/li&gt;
 &lt;/ul&gt;
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 
 &lt;/fieldset&gt;
 
 &lt;a name="GRANTS"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;Grants and External Support&lt;/legend&gt;
 Grants
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt;
 
 &lt;a name="CITATIONS"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;Citations&lt;/legend&gt;
 Citations
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt;
 
 &lt;a name="LECTURES"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;GUEST LECTURES&lt;/legend&gt;
 Lecture Listing
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt;
 
 &lt;a name="APPLICATIONS"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;Computer Applications Developed for Scholarly and Servce Activities&lt;/legend&gt;
 Compute application listing
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt; 
 
 &lt;a name="Miscellaneous"&gt;&lt;/a&gt;&lt;p&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;STATE BOARD OF LICENSING&lt;/legend&gt;
 &lt;div style="text-align:right"&gt;&lt;a href="#TOP"&gt;Top&lt;/a&gt;&lt;/div&gt;
 &lt;/fieldset&gt;
 &lt;p&gt;
 
 &lt;fieldset&gt;
 &lt;legend&gt;MEMBERSHIPS / ASSOCIATIONS / PROFESSIONAL APPOINTMENTS&lt;/legend&gt;
 Activity Listing
 &lt;/fieldset&gt;
 &lt;p&gt;
 
 &lt;fieldset&gt;
 &lt;legend&gt;COMMITTEE ASIGNMENTS AND SERVICE &lt;/legend&gt;
 Committee Listings
 &lt;/fieldset&gt;
 &lt;p&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

I'll PM the real code to anyone who is interested in the problem if they cannot reproduce it themselves.

Full print of a fieldset element in FF browser.

2 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Full print of a fieldset element in FF browser.

2 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #HTML _↴