Catfish + IE

**zerakh** · Oct 26, 2007 17:32

I seem to be having a few problems with my Catfish menu and IE 6.0 (7.0 and firefox seem to work fine)

here is the code I have::

The CSS/javascript

Code:

<style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            #ad {
                width: 100%;
                height: 120px;
                line-height: 50px;
                background: url(http://www.domain.org/images/catfish_tile2.gif);
                color: #fff;
                text-align: center;
                position: fixed;
                z-index: 99;
                bottom: 0;

                            }

 </style>

 <script type="text/javascript">
            function showAd() {
                var el = document.getElementById('ad');
                move(true, -50);
            }
            function move(appear, val) {
                if(appear) {
                    var el = document.getElementById('ad');
                    el.style.bottom = (val + 1) + 'px';
                    if(val < 0) {
                        setTimeout(function() {
                            move(appear, val + 1);
                        }, 15);
                    }
                }
            }
            window.onload = showAd;
</script>

<script type="text/javascript">
function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}
 </script>

and the page using it::

HTML Code:

 <div id="ad">


<div style="float: left; position: relative; left: 0; top: 0;"><img src="http://www.domain.org/images/catfish.gif" height="120" border="0" /></div>


<div style="float: right; position: relative; text-align: right; top: 60px; font-size: 10px; font-weight: bold;"><a onclick="setVisibility('ad', 'none');" style="cursor: pointer;">Close</a></div>

<div style="float: left; position: relative; top: 70px; text-align: center; font-size: 12px; font-weight: bold; font-style: italic;">
<a href='http://www.domain.org/example.php?link=announcement' style="text-decoration: none;">Presenters Needed! Click here for details.</a></div>


        </div>

How do I get around the problem of IE6 of not being able to view this? I am told by a few users that they are unable to see the image.

**Dan Schulz** · Oct 26, 2007 19:51

I'm going to take a stab in the dark, but try to remove the relative positioning from the DIVs with the inline styles and see if that helps.

(Note, I've never used Catfish.)

**zerakh** · Oct 27, 2007 09:59

i tried removing the relative positioning; it misplaced items, but it still did not show up in IE 6.

any sort of hack i can throw in here for only the older versions?