SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: Catfish + IE

  1. #1
    SitePoint Addict
    Join Date
    Aug 2004
    Location
    philmont
    Posts
    315
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Catfish + IE

    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.

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.)

  3. #3
    SitePoint Addict
    Join Date
    Aug 2004
    Location
    philmont
    Posts
    315
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?

  4. #4
    SitePoint Addict
    Join Date
    Aug 2004
    Location
    philmont
    Posts
    315
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    anyone have any suggestions on this?

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Where is the IE specific code for this? I don't see it mentioned in your code anywhere.

    Read the tutorial again

    http://www.sitepoint.com/blogs/2005/...atfish-part-1/

    If you still can't work it out then post back with your full code and I'll take a look


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •