Hmmmm good effect needs tweaking for IE (Bottom bar)

Discussion in 'HTML & Website Design' started by mightyb, Jan 29, 2007.

  1. #1
    Iv made a little bar for my website. Here is an example:

    http://www.thelocalforum.co.uk/files/test.php

    It works a treat in FF but in IE it gets all jerky when scrolling up and down. Is there any way to make it smoother?

    here is the code im using:

    <!-- Original Code: http://www.howtocreate.co.uk/fixedPosition.html -->
    <!-- Snippet With Example: http://code.dreamincode.net/snippet370.htm -->
     
    <!-- CSS with support for IE -->
    <style type="text/css">
     
    <!--
    #fixme {
         /* IE 5.0/Win and other lesser browsers will use this */
         position: absolute; right: 0px; bottom: 0px;
     
    }
    body > div#fixme {
         /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
         position: fixed;
    }
    --></style>
    <!--[if gte IE 5.5]>
    <![if lt IE 7]>
    <style type="text/css">
    div#fixme {
         /* IE5.5+/Win - this is more specific than the IE 5.0 version */
         right: auto; bottom: auto;
         left: expression( ( -0 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
         top: expression( ( +0 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    }
    </style>
    <![endif]>
    <![endif]-->
     
    <!-- HTML CODE FOR ACTUAL BANNER -->
    <div id="fixme" style="height: 120px; width: 100%;">
       <!-- EDIT BANNER CONTENTS BELOW -->
       <div style="z-index: 100000; background: url(http://www.url/catfish_tile2.gif); width: 100%; height: 120px;">
          <div style="float: left; position: relative; left: 0; top: 0;"><a href="http://www.url/register.php"><img src="http://www.url/catfish2.gif" height="120" border="0"></a></div>
          <div style="float: right; position: relative; text-align: right; top: 75px; font-size: 10px; font-weight: bold;"><a onClick="hiderow('fixme');return true;" style="cursor: pointer;"><font color="White">Close Me</font></a></div>
          <div style="float: center; position: relative; top: 80px; text-align: center; font-size: 12px; font-weight: bold; font-style: italic;"><a href="http://www.url/"><font color="white">If you are not of the legal age to view adult content</font><br><font color="white">please leave immediatly!</font></a></div>
       </div>
    </div>
    PHP:
    Any tips? Thanks!
     
    mightyb, Jan 29, 2007 IP