CSS question: IE positioning-print button

What I want to happen is for the print button to be tied to the bottom right of
the page, moves up and down with window resize. Works fine in safari and FF;
stays tied to the top left in IE. site page:
http://www.salmansolutions.com/solutions.html. I tried moving the div in the
page below the footer. Didn't work. What am I doing wrong? Can't find a
reference.

div code in page:
<!-- begin print page div link-->
<div class="print"><a href="solutionsprint.html"><img src="printbutton2.png"
alt="print" width="154" height="27" /></a></div>
<!--end print page div-->

CSS stylesheet

div#footer {
padding:5px 0 0 0;
border-top: 5px solid #887CA4;
clear:both;
}
div#footer p {
font:0.75em/1.21em Georgia, Arial, serif;
}
.print {
position: fixed;
right: 10px;
bottom: -5px;

houstonalle wrote:

What I want to happen is for the print button to be tied to the bottom right of
the page, moves up and down with window resize. Works fine in safari and FF;
stays tied to the top left in IE. site page:
http://www.salmansolutions.com/solutions.html. I tried moving the div in the
page below the footer. Didn't work. What am I doing wrong? Can't find a
reference.

div code in page:
!-- begin print page div link--
div class="print"><a href="solutionsprint.html"><img src="printbutton2.png"
alt="print" width="154" height="27" /></a></div
!--end print page div--

CSS stylesheet

div#footer {
padding:5px 0 0 0;
border-top: 5px solid #887CA4;
clear:both;
}
div#footer p {
font:0.75em/1.21em Georgia, Arial, serif;
}
.print {
position: fixed;
right: 10px;
bottom: -5px;

IE6 doesn't do fixed - you could try a CC in the head of your doc just
before the closin' </head>' ....

<!--[if lte IE 6]>
<style type="text/css">
html, body
{
height: 100%;
overflow: auto;
}
..print {
position: absolute;
}
</style>
<![endif]-->

--
chin chin
Sinclair

Thanks, Sinclair! That did it! I really appreciate your help!

Is there a resource somewhere on the web that gives all these IE if statements?

houstonalle wrote:

Thanks, Sinclair! That did it! I really appreciate your help!

Is there a resource somewhere on the web that gives all these IE if statements?

NP :-)

Not sure if there is a place where you can find all these CC's -
sometimes checking in FF and then IE6 and 7 you can spot the differences
and then construct your CC for IE+ to suit. Google for it though -
perhaps someone has compiled a list of common ones.

--
chin chin
Sinclair

..oO(houstonalle)

Is there a resource somewhere on the web that gives all these IE if
statements?

http://en.wikipedia.org/wiki/Conditional_comment
http://msdn.microsoft.com/en-us/library/ms537512.aspx
http://www.456bereastreet.com/archiv...onal_comments/

Micha

Thanks, Micha--great resources!

..oO(houstonalle)

Thanks, Micha--great resources!

You're welcome.

Micha