Converting a site layout from tables to CSS. The files validate as XHTML 1.0 transitional (html and css files validate), and appear identicle onscreen with IE6, IE7 and FFox3.5.
However, when printing the page, Firefox prints the left nav block correctly (page 1, upperleft, as both browsers show onscreen), but IE7 prints this block on page 3 (beside the footer). Same result on different printers, so I presume the factor lies within IE7.
Can’t seem to find a solution, any help welcome.
Thanks.
Page HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Black Bear Tours</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="notables-022510.css" type="text/css" media="screen" />
<link rel="stylesheet" href="notables-print-022510.css" type="text/css" media="print" />
</head>
<body>
<div id="wrapper">
<!-- begin main content-->
<div id="content">
<div class="contentpad">
<h1><img src="" class="headline" style="width:28px; height:30px;" alt="Black Bear Track" />"Black Bear Watching . . .</h1>
<h2 class="right">. . . our Specialty"</h2>
<p><img src="" class="intextright" alt="Black bear" style="width:200px; height:248px;" />
Black Bear watching is our life at Business Name. It is not a seasonal sideline
for us. It has been our livelihood for over thirty years. And that
shapes our attitude toward both our visitors and the game we see.</p>
<p class="subheadb">Prime Black Bear Habitat with Controlled Access</p>
<p>You will be deep in the most productive habitat in North America.</p>
<p>Our territories in State and Province cover over one million acres of private
and government leased land. All this land has controlled access -
which is an unparalleled benefit for Business Name's guests.</p>
<p>We have seeed these lands since 1964. We
know the habitat, and we know the black bears' habits and patterns within it.</p>
<p>The black bear in your territory are
under-seeed, resulting in a growing bear population, with many
stands having multiple bears visiting them.</p>
<p class="subheadb">Unsurpassed opportunity to see a Trophy Bear.</p>
<p>We strive to consistently give our visitors the clicking opportunities
expected of a truly world-class tour guide. This requires knowledge, simage, effort, advance
preparation, and experience.</p>
<p>Bear is our life, so no matter how you cut it, a part time guide can not give a full time commitment.</p>
<p>Our highly processed scents have incredible drawing
power. They are continually adjusted as bear feeding preferences change. Your , stand and blind are precisely
positioned and meticulously maintained only after our careful study of prevailing
winds, terrain, and game patterns.</p>
<p class="subheadb">A sure shot and a quick, clean image.</p>
<p>The black bear is a game animal we know and
respect. Powerful and crafty, the bear's trademarks are strength and endurance.
His nose is as sensitive as the most sophisticated
radar system. The bear's feed and travel patterns through our thick fir and dense
bogs make him a challenging animal to see.</p>
<p>This black ghost can appear at your stand and then
disappear in a blink. Scent and noise control are critical to your success. You are provided pre-built, permanent
stands, portables and ground blinds with all obstructing branches and brush
cleared from your line of fire.</p>
<p><img src="" class="intextright" alt="Black bear" style="width:279px; height:199px;" />
Our stands offer visitors an average shot
of 18 yards. Most visitors will click at distances of 75 yards or less, and typically will be clicking 20-30 yards.</p>
<p>The black bear demands clicking excellence before
he will pose for you. Even at these close ranges, a precision lense is essential. Your focal point is a
4 to 5 inch square area just behind the front shoulder.</p>
<p>Visitors, it makes no difference how good you are - unless you focus exactly
in the boiler room you will get nothing but a blur.</p>
<p>The black bear is unlike any other game animal you have ever seen. When
spooked, he will not lie down or freeze like a deer. But rather,
will run up to 20 miles. Therefore, precision is essential.</p>
<p>Those of you using a telephoto have many
options. You do not have to even wait until the bear is close for
a good shot. Also, a head and chest closeup shot can produce when combined
with accurate clicking.</p>
<p>And never rush a shot. But when you do
have a good shot - take it. Do not assume the bear may go left
or right, or even to the actual bait. Be positive of what and where
you are clicking.</p>
<p class="subheadr">State Bear </p>
<p>State has one of the heaviest black
bear concentrations per acre of habitat in North America. Success
from our blinds and tree stands has been outstanding with
prize winning images year in and year out.</p>
<p>Perhaps the most
beautiful country in the world, you will be surrounded by an explosion of
fall foliage color and you will never be too far from a delicious State lobster dinner.
There is nothing quite like our fall in State.</p>
<p><a href="">Night scopes</a> are legal in State.</p>
<p>Click Here for <a href="">State Black Bear</a> details.</p>
<p class="subheadr">Province Bear </p>
<p>Province visitors are in our boiling bear habitat of northwest Province.
Visitors are extremely productive using our proven scent methods and our carefully
positioned stands and blinds. The long sub-arctic days afford ample opportunity to both see and experience
the most awesome pike, walleye and trout fishing imaginable.</p>
<p>Click Here for <a href="">Province Black Bear</a> details.</p>
<p class="subheadb">Private & Flexible Accommodations</p>
<p>Unlike visitors with most tour guides, lodges and
sporting camps, Business Name's guests are not doubled up in a bunk
house or room with other guests. Your party will enjoy the privacy of your
own sleeping room, and the good night's sleep that is important for
a good trip - whether you come alone, with a large group, with your
spouse or whole family.</p>
<p class="subheadb">Questions?</p>
<p>When you book a trip with us, you will receive a complete confirmation
kit including detailed information on equipment and clothing, plus plus graphic illustrations of optimum angles.</p>
<p>Please feel free to call us at any time.</p>
<p>Click here for answers to some of your <a href="">Questions</a>.</p>
<div id="pagetoplink"><a href="#">^ TOP</a></div>
</div></div>
<!-- end main -->
<!-- begin nav -->
<div id="nav">
<div class="center">
<a href="" id="homelink" title="Return to Home Page">
<img src="images/logo.gif" alt="Return to Home Page" id="topleftlogo" /></a></div>
<p><a href="" class="menu">Home</a></p>
<p><a href="" class="menu">Black Bear</a></p>
<p><a href="" class="menu">State Bear</a></p>
<p><a href="" class="menu">Province Bear</a></p>
<p><a href="" class="menu">Bear</a></p>
<p><a href="" class="menu">About</a></p>
<p><a href="" class="menu">Ursus Americanus</a></p>
<p><a href="" class="menu">Bear</a></p>
<p><a href="" class="menu">Testimonial Letters</a></p>
<p><a href="" class="menu">Acknowledgment Letters</a></p>
<p><a href="" class="menu">References</a></p>
<p><a href="" class="menu">Professional Associations</a></p>
<p><a href="" class="menu">Lodging</a></p>
<p><a href="" class="menu">Rates</a></p>
<p><a href="" class="menu">Seasons</a></p>
<p><a href="" class="menu">Directions</a></p>
<p><a href="" class="menu">FAQ</a></p>
<p><a href="" target="_blank" class="menu">Contact Us</a></p>
</div>
<!-- end nav -->
<!-- begin footer -->
<div class="footer">
<div id="footermenu">
<a href="">The Difference</a> |
<a href="">Room</a> |
<a href="">Rates</a><br />
<a href="">References</a> |
<a href="">Grouse</a> | <a href="">Deer & Moose</a><br />
<a href="">Acknowledgment Letters</a> |
<a href="">Testimonial Letters</a> |
<a href="">Professional Memberships</a><br />
<a href="">Lodging</a> | <a href="">Directions</a> |
<a href="">Province Fishing</a> | <a href="">Caps & Shirts</a><br />
<a href="">Frequently Asked Questions</a> |
<a href="" target="_blank">Contact Us</a> | <a href="">Home Page</a></div>
<div id="footeraddress">
<strong>Business name</strong><br />
street<br />town, State 00000-0000<br />(000) 000-0000<br />Email: <a href="mailto:">Email</a>
<div id="footercopyright">© 2010 - All Rights Reserved<br />
Updated February 23, 2010</div>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>
Print CSS Sheet:
* {
margin: 0px; /* removes browser defaults */
border: 0px; /* removes browser defaults */
padding: 0px; /* removes browser defaults */
}
body {
text-align: center; /* centers for older IE and quirks mode */
background-color: #ffffff; /* reset for print page size */
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
margin-top: 0px;
margin-right: auto; /* centers for the rest */
margin-bottom: 0px;
margin-left: auto; /* centers for the rest */
width: 100%; /* set for print page size */
text-align: left; /* reset text alignment */
background-color: #E4E7DA;
position: relative; /* resets all children boxes to be positioned relative to wrapper */
}
/* restore default margins */
p, ul, blockquote, fieldset, form, ol, dl, dir, menu {
margin-top: 1.12em;
margin-bottom: 1.12em;
}
blockquote {
margin-left: 40px;
margin-right: 40px;
}
ol, ul, dir, menu, dd {
margin-left: 40px;
}
/* end restore default margins */
h1 {
font-size: 2em;
color: #990033;
font-style: italic;
margin: 0.6em 0;
}
h2 {
font-size: 1.5em;
color: #990033;
margin: 0.8em 0;
}
p {
font-size: small; /* will reset sixes to ems or px */
text-align: left;
}
#content {
background-image: url('images/tree.jpg'); /* replaces gray background */
background-repeat: repeat-x;
vertical-align: top;
margin-left: 140px;
position: relative;
}
.contentpad {
padding-top: 2px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
#nav {
width: 140px;
padding-top: 10px;
vertical-align: top;
position: absolute;
left: 0px;
top: 0px;
}
#nav p {
margin-top: 15px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
text-align: center;
font-size: 11px;
font-style: normal;
}
a:link {
text-decoration: underline;
color: #990033;
}
a:visited {
text-decoration: underline;
color: #990033;
}
a:active {
text-decoration: underline;
color: #990033;
}
a:hover {
text-decoration: underline;
color: #032FAC;
}
a.menu {
font-size: 11px;
font-style: normal;
}
#topleftlogo {
width: 130px;
height: 67px;
margin-bottom: 50px;
}
#footer {
position: relative;
}
#footermenu {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
background-color: #FFFFFF; /* replaces gray */
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
height: 75px;
text-align: center;
font-size: x-small;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 140px;
}
#footeraddress {
text-align: center;
padding-top: 10px;
font-size: small;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 140px;
}
#footercopyright {
font-size: x-small;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
img.headline {
vertical-align: middle;
float: right;
}
img.intextright {
float: right;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
p.subheadb {
text-align: left;
font-size: medium;
font-weight: bold;
}
p.subheadr {
text-align: left;
font-size: medium;
font-weight: bold;
color: #990033;
}
#pagetoplink {
text-align: center;
font-size: medium;
font-weight: bold;
color: #990033;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.clearing {
clear:both;
height:0px; /* added px */
}